0.0.1 • Published 2 years ago

@dile/dile-icons v0.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

@dile/dile-icons

This package contains some useful icons.

import { infoIcon } from '@dile/dile-icons';

Yo may use this icon in a Lit template:

render() {
  return html`
    // Your component template
    ${ infoIcon }
  `;
}

To create the icon styles easily you may use the CSS declaration provided in this package.

import { iconCss } from '@dile/dile-icons';

You may use the style declaration in Lit:

static get styles() {
  return [iconCss, css`
    :host {
        --dile-icon-color: #fce;
      }
  `];
}

CSS Custom Properties

You can customize it using CSS Custom Properties.

Custom propertyDescriptionDefault
--dile-icon-sizeIcon size24px
--dile-icon-colorIcon color#888