Hand-drawn sketchy Button web component

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

wired buttons

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.

Install

Link to this version
ImportedReleased 12 September 2017MIT License
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
bower install --save wiredjs/wired-button"#0.2.1"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.2.1

Dependencies

  • polymer#Polymer/polymer#^2.0.0
  • wired-lib#^0.1.0