0.0.2 • Published 9 years ago

checkbox-list v0.0.2

Weekly downloads
6
License
MIT
Repository
github
Last release
9 years ago

<checkbox-list>

A web component for listed checkboxes and optionally a "check all" checkbox

Installation

  1. Install using npm or Bower

    npm install checkbox-list
    bower install checkbox-list

  2. Use HTML Import

    In your <head>:

    <link rel="import" href="checkbox-list/dist/index.html">

  3. Use CheckboxListElement element in HTML or programmability

    HTML

    <checkbox-list>
    <label><input checkbox-list-all="true" type="checkbox">All</label>
    <label><input type="checkbox">Checking</label>
    <label><input type="checkbox">Saving</label>
</checkbox-list>

    JavaScript

    var list = document.createElement('input', 'checkbox-list');

var all = document.createElement('input');
all.setAttribute('type', 'checkbox');
all.setAttribute('checkbox-list-all', 'true');

var checking = document.createElement('input');
checking.setAttribute('type', 'checkbox');

var saving = document.createElement('input');
saving.setAttribute('type', 'checkbox');

list.appendChild(all);
list.appendChild(checking);
list.appendChild(saving);

document.body.appendChild(list);

Development

Make sure you have npm and Gulp installed. Following commands are available:

gulp

Make a new build

gulp serve

Starts a server and watches for changes to reload the browser.

License

MIT

web-componentscheckboxform
@everything-registry/sub-chunk-1317@zalastax/nolb-checkb
0.0.2

9 years ago

0.0.1

9 years ago

0.0.0

9 years ago