<checkbox-list> Demo

Simply import dist/index.html in your HTML file and use <checkbox-list> element.

Simple

Code

Select bank account:
<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>

Result

Select bank account:

Nested

Code

Select bank account:
<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>
    <label><input checkbox-list-all="true" type="checkbox">All investments</label>
    <label><input type="checkbox">IRA</label>
    <label><input type="checkbox">401k</label>
  </checkbox-list>
</checkbox-list>

Result

Select bank account: