wired-button

Hand-drawn sketchy Button web component

View larger

Close

[ This description is mirrored from README.md at github.com/wiredjs/wired-button on 2019-05-22 ]

wired-button

Hand-drawn sketchy Button web component.

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

Learn about web components here.

Usage

Add wired-button to your project:

npm i wired-button

Import wired-button definition into your HTML page:

<script type="module" src="wired-button/wired-button.js"></script>

Or into your module script:

import { WiredButton } from "wired-button"

Use it in your web page:

<wired-button>Click Me</wired-button>
<wired-button disabled>Disabled</wired-button>
<wired-button elevation="3">Elevation</wired-button>

Properties

elevation - Number between 1 and 5 (inclusive) that gives the button a sketchy height. Default value is 1.

disabled - disables the button. Default value is false.

Links

• View on GitHub
• Online Demo
• GitHub Homepage
• Documentation
• Issue tracker

Compatibility