Directory

← Back

wired-button

Hand-drawn sketchy Button web component

Author

Rating

Popularity

<100

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

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

wired-button - Vaadin Add-on Directory

Hand-drawn sketchy Button web component wired-button - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/wiredjs/wired-button](https://github.com//wiredjs/wired-button/blob/v0.5.1/README.md) on 2019-05-22 ]** ![wired buttons](https://wiredjs.github.io/wired-elements/images/buttons.png) # wired-button Hand-drawn sketchy Button web component. For demo and view the complete set of wired-elememts: [wiredjs.com](http://wiredjs.com/) Learn about web components [here](https://www.webcomponents.org/introduction). ## Usage Add wired-button to your project: ``` npm i wired-button ``` Import wired-button definition into your HTML page: ```html ``` Or into your module script: ```javascript import { WiredButton } from "wired-button" ``` Use it in your web page: ```html Click Me Disabled Elevation ``` ### 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.
View on GitHub
Online Demo
GitHub Homepage
Documentation
Issue tracker

wired-button version 0.1.0
### Dependencies * polymer#Polymer/polymer#^2.0.0 * wired-lib#^0.1.0

wired-button version 0.1.1
### Dependencies * polymer#Polymer/polymer#^2.0.0 * wired-lib#^0.1.0

wired-button version 0.1.2
### Dependencies * polymer#Polymer/polymer#^2.0.0 * wired-lib#^0.1.0

wired-button version 0.1.3
### Dependencies * polymer#Polymer/polymer#^2.0.0 * wired-lib#^0.1.0

wired-button version 0.2.0
### Dependencies * polymer#Polymer/polymer#^2.0.0 * wired-lib#^0.1.0

wired-button version 0.2.1
### Dependencies * polymer#Polymer/polymer#^2.0.0 * wired-lib#^0.1.0

Online