https://github.com/mohsen1/checkbox-list

Checkbox list web component
https://github.com/mohsen1/checkbox-list

Last synced: about 2 months ago
JSON representation

Checkbox list web component

• Host: GitHub
• URL: https://github.com/mohsen1/checkbox-list
• Owner: mohsen1
• License: mit
• Created: 2015-03-26T06:38:50.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-04-01T13:49:52.000Z (over 9 years ago)
• Last Synced: 2024-07-27T03:05:19.303Z (2 months ago)
• Language: JavaScript
• Homepage: http://azimi.me/checkbox-list/demo/
• Size: 164 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ``

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

## Installation

1. Install using npm or Bower

    ```shell

    npm install checkbox-list

    ```

    ```shell

    bower install checkbox-list

    ```

2. Use HTML Import 

    

    In your ``:

    ```html

    

    ```

3. Use `CheckboxListElement` element in HTML or programmability 

    

    **HTML**

    ```html

    

        All

        Checking

        Saving

    

    ```

    **JavaScript**

    ```js

    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