❤
npm
Sign UpSign In

checkbox-list

0.0.2 • Public • Published

<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

Readme

Keywords

Package Sidebar

Install

npm i checkbox-list

Repository

github.com/mohsen1/checkbox-list

Homepage

github.com/mohsen1/checkbox-list

Weekly Downloads

7

Version

0.0.2

License

MIT

Last publish

Collaborators

  • mohsen
Try on RunKit
Report malware