Skip to content

wired-icon-button.md

Latest commit

 

History

History
52 lines (36 loc) · 1.29 KB

wired-icon-button.md

File metadata and controls

52 lines (36 loc) · 1.29 KB
Raw

wired-icon-button

This is a hand-drawn sketchy round button with an image placed at the center. Image could also be in icon, like @material/mwc-icon.

For demo and view the complete set of wired-elememts: wiredjs.com

Usage

Add wired-elements to your JavaScript project:

npm i wired-elements

Import module in your code:

import { WiredIconButton } from 'wired-elements';
// or
import { WiredIconButton } from 'wired-elements/lib/wired-icon-button.js';

Or load directly into your HTML page:

<script type="module" src="https://unpkg.com/wired-elements/lib/wired-icon-button.js?module"></script>

Use it in your HTML:

<wired-icon-button>
  <mwc-icon>favorite</mwc-icon>
</wired-icon-button>
<wired-icon-button class="red">
  <mwc-icon>favorite</mwc-icon>
</wired-icon-button>

Properties

disabled - disables the button. Default value is false.

Custom CSS Variables

--wired-icon-size Numeric size of the icon. Default is 24 (px).

--wired-icon-bg-color Background color.

Events

click - When button is clicked/submitted

License

MIT License (c) Preet Shihn