Added checkbox and switch

1 files changed, 54 insertions, 0 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index 93c2057..8595be0 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -9,6 +9,8 @@ include objects/button.pug
 include objects/text-field.pug
 include objects/field-label.pug
 include objects/radio.pug
+include objects/checkbox.pug
+include objects/switch.pug
 
 mixin box 
     +container(padX=true padY=true inPage=true theme="raised")
@@ -214,3 +216,55 @@ html
                 +radio(name="radio-demo-2" disabled=true)= 'Cats'
                 +radio(name="radio-demo-2" disabled=true)= 'Dogs'
                 +radio(name="radio-demo-2" checked=true disabled=true)= 'Foxes'
+                br
+                +radio(accent=true name="radio-demo-3")= 'Cats'
+                +radio(accent=true name="radio-demo-3")= 'Dogs'
+                +radio(accent=true name="radio-demo-3" checked=true)= 'Foxes'
+                br
+                +radio(accent=true name="radio-demo-4" disabled=true)= 'Cats'
+                +radio(accent=true name="radio-demo-4" disabled=true)= 'Dogs'
+                +radio(accent=true name="radio-demo-4" checked=true disabled=true)= 'Foxes'
+
+            //-----------------------------------------
+
+            +h1-heading(level='xl')= 'Checkbox'
+            +rule(level='medium')
+
+            +box
+                +checkbox(indeterminate=true)= 'Cats'
+                +checkbox= 'Dogs'
+                +checkbox(checked=true)= 'Foxes'
+                br
+                +checkbox(indeterminate=true disabled=true)= 'Cats'
+                +checkbox(disabled=true)= 'Dogs'
+                +checkbox(checked=true disabled=true)= 'Foxes'
+                br
+                +checkbox(accent=true indeterminate=true)= 'Cats'
+                +checkbox(accent=true)= 'Dogs'
+                +checkbox(accent=true checked=true)= 'Foxes'
+                br
+                +checkbox(accent=true indeterminate=true disabled=true)= 'Cats'
+                +checkbox(accent=true disabled=true)= 'Dogs'
+                +checkbox(accent=true checked=true disabled=true)= 'Foxes'
+
+            //-----------------------------------------
+
+            +h1-heading(level='xl')= 'Switch'
+            +rule(level='medium')
+
+            +box
+                +switch= 'Cats'
+                +switch= 'Dogs'
+                +switch(checked=true)= 'Foxes'
+                br
+                +switch(disabled=true)= 'Cats'
+                +switch(disabled=true)= 'Dogs'
+                +switch(checked=true disabled=true)= 'Foxes'
+                br
+                +switch(accent=true)= 'Cats'
+                +switch(accent=true)= 'Dogs'
+                +switch(accent=true checked=true)= 'Foxes'
+                br
+                +switch(accent=true disabled=true)= 'Cats'
+                +switch(accent=true disabled=true)= 'Dogs'
+                +switch(accent=true checked=true disabled=true)= 'Foxes'