Directory

← Back

wired-button

Hand-drawn sketchy Button web component

Author

Contributors

Rating

[ 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.

Links

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer#Polymer/polymer#^2.0.0
  • wired-lib#^0.1.0
Released
2017-09-12
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent
Online