checkbox-list

checkbox list

0.0.2

latest

source

npm

Version published: 9 years ago

Weekly downloads: 9; increased by50%

Maintainers: 1

Install size: 16.7 kB

Created: 9 years ago

Weekly downloads

Readme

Source

`<checkbox-list>`

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

Installation

Install using npm or Bower
```
npm install checkbox-list
```
```
bower install checkbox-list
```

Use HTML Import

In your <head>:

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

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

Keywords

FAQs

What is checkbox-list?

Is checkbox-list popular?

Is checkbox-list well maintained?

Last updated on 01 Apr 2015

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install