Directory

← Back

wired-checkbox

Checkbox webcomponent with hand-drawn look.

Author

Rating

Popularity

<100

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

wired checkbox

wired-checkbox

Hand-drawn sketchy checkbox web component.

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

Learn about web components here.

Usage

Add wired-checkbox to your project:

npm i wired-checkbox

Import wired-checkbox definition into your HTML page:

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

Or into your module script:

import { WiredCheckbox } from "wired-checkbox"

Use it in your web page:

<wired-checkbox text="Checkbox One"></wired-checkbox>
<wired-checkbox text="Checkbox Two" checked></wired-checkbox>
<wired-checkbox text="Checkbox disabled" disabled></wired-checkbox>

Properties

checked - Checked state (boolean). Default is false.

disabled - disables the checkbox. Default value is false.

text - Text associated with the checkbox.

Custom CSS Variables

--wired-checkbox-icon-color Color of the checkbox. Default is currentColor.

Events

change event fired when state of the checkbox changes, i.e. the user checks/unchecks the box.

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-18
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

wired-checkbox - Vaadin Add-on Directory

Checkbox webcomponent with hand-drawn look. wired-checkbox - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/wiredjs/wired-checkbox](https://github.com//wiredjs/wired-checkbox/blob/v0.5.0/README.md) on 2019-05-10 ]** ![wired checkbox](https://wiredjs.github.io/wired-elements/images/checkbox.png) # wired-checkbox Hand-drawn sketchy checkbox 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-checkbox to your project: ``` npm i wired-checkbox ``` Import wired-checkbox definition into your HTML page: ```html ``` Or into your module script: ```javascript import { WiredCheckbox } from "wired-checkbox" ``` Use it in your web page: ```html ``` ### Properties **checked** - Checked state (boolean). Default is false. **disabled** - disables the checkbox. Default value is false. **text** - Text associated with the checkbox. ### Custom CSS Variables **--wired-checkbox-icon-color** Color of the checkbox. Default is *currentColor*. ### Events **change** event fired when state of the checkbox changes, i.e. the user checks/unchecks the box.
Online