diff options
Diffstat (limited to 'components/checklist/multi-levels-checklist.html')
-rw-r--r-- | components/checklist/multi-levels-checklist.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/components/checklist/multi-levels-checklist.html b/components/checklist/multi-levels-checklist.html new file mode 100644 index 0000000..9aa136e --- /dev/null +++ b/components/checklist/multi-levels-checklist.html @@ -0,0 +1,50 @@ +<div> + <div class="checkbox-item"> + <div class="sdc-checkbox"> + <input class="sdc-checkbox__input" type="checkbox"> + <label class="sdc-checkbox__label">apple</label> + </div> + </div> + <div class="checkbox-sublist"> + <div> + <div class="checkbox-item"> + <div class="sdc-checkbox"> + <input class="sdc-checkbox__input" type="checkbox"> + <label class="sdc-checkbox__label">red</label> + </div> + </div> + </div> + <div> + <div class="checkbox-item"> + <div class="sdc-checkbox"> + <input class="sdc-checkbox__input" type="checkbox"> + <label class="sdc-checkbox__label">green</label> + </div> + </div> + </div> + <div> + <div class="checkbox-item"> + <div class="sdc-checkbox"> + <input class="sdc-checkbox__input" type="checkbox"> + <label class="sdc-checkbox__label">yellow</label> + </div> + </div> + </div> + </div> +</div> +<div> + <div class="checkbox-item"> + <div class="sdc-checkbox"> + <input class="sdc-checkbox__input" type="checkbox"> + <label class="sdc-checkbox__label">banana</label> + </div> + </div> +</div> +<div> + <div class="checkbox-item"> + <div class="sdc-checkbox"> + <input class="sdc-checkbox__input" type="checkbox"> + <label class="sdc-checkbox__label">orange</label> + </div> + </div> +</div> |