summaryrefslogtreecommitdiffstats
path: root/components/checklist/multi-levels-checklist.html
diff options
context:
space:
mode:
Diffstat (limited to 'components/checklist/multi-levels-checklist.html')
-rw-r--r--components/checklist/multi-levels-checklist.html50
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>