@advanced-rest-client/arc-icons
    TypeScript icon, indicating that this package has built-in type declarations

    3.3.4 • Public • Published

    arc-icons

    Published on NPM

    Tests and publishing

    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

    Install

    npm i @advanced-rest-client/arc-icons

    DownloadsWeekly Downloads

    935

    Version

    3.3.4

    License

    Apache-2.0

    Unpacked Size

    67.1 kB

    Total Files

    15

    Last publish

    Collaborators

    • jarrodek
    • twoplustwoone
    • lbauret
    • carowright