@advanced-rest-client/icons

An icons set for the Advanced REST client application

Usage no npm install needed!

<script type="module">
  import advancedRestClientIcons from 'https://cdn.skypack.dev/@advanced-rest-client/icons';
</script>

README

ARC icons

Published on NPM

Tests and publishing

A set of icons for Advanced REST Client.

Usage

Installation

npm install @advanced-rest-client/icons --save

In an html file

<html>
  <head>
    <script type="module">
      import '@advanced-rest-client/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/icons/arc-icon.js';
import * as Icons from '@advanced-rest-client/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/icons
cd icons
npm install

Running the demo locally

npm start

Running the tests

npm test