3.3.4 • Published 3 years ago
@advanced-rest-client/arc-icons v3.3.4
arc-icons
A set of icons for Advanced REST Client.
Usage
Installation
npm install @advanced-rest-client/arc-icons --save
In an html file
<html>
<head>
<script type="module">
import '@advanced-rest-client/arc-icons/arc-icon.js';
</script>
</head>
<body>
<arc-icon icon="add"></arc-icon>
</body>
</html>
In a LitElement
import { LitElement, html, svg } from 'lit-element';
import '@advanced-rest-client/arc-icons/arc-icon.js';
import * as Icons from '@advanced-rest-client/arc-icons';
class SampleElement extends LitElement {
render() {
return html`
<!-- using an icon property -->
<arc-icon icon="add"></arc-icon>
<!-- passing an icon template as a child-->
<arc-icon>${Icons.add}</arc-icon>
<!-- using own container-->
<span class="icon">${Icons.add}</span>
<!-- using custom icon -->
<arc-icon>${Icons.iconWrapper(svg`...`)}</arc-icon>
`;
}
}
customElements.define('sample-element', SampleElement);
Development
git clone https://github.com/advanced-rest-client/arc-icons
cd arc-icons
npm install
Running the demo locally
npm start
Running the tests
npm test
3.3.4
3 years ago
3.3.3
3 years ago
3.3.2
3 years ago
3.3.1
3 years ago
3.3.0
3 years ago
3.2.2
3 years ago
3.2.1
3 years ago
3.2.0
3 years ago
3.1.2
4 years ago
3.1.0
4 years ago
3.0.5
4 years ago
3.0.4
4 years ago
3.0.3
5 years ago
3.0.2
5 years ago
3.0.1
5 years ago
3.0.0
5 years ago
3.0.0-preview.2
5 years ago
3.0.0-preview.1
5 years ago
2.0.3
6 years ago