Package Exports

@advanced-rest-client/arc-icons
@advanced-rest-client/arc-icons/ArcIcons.js
@advanced-rest-client/arc-icons/arc-icon.js
@advanced-rest-client/arc-icons/arc-icons.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@advanced-rest-client/arc-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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