Added checkbox and switch

1 files changed, 18 insertions, 0 deletions

diff --git a/tpl/objects/checkbox.pug b/tpl/objects/checkbox.pug
new file mode 100644
index 0000000..874505b
--- /dev/null
+++ b/tpl/objects/checkbox.pug
@@ -0,0 +1,18 @@
+include icon.pug
+
+mixin checkbox
+    -
+        let classes = {
+            'o-checkbox':         true,
+            'o-checkbox--accent': attributes.accent,
+        }
+
+    label(class=classes)
+        input.o-checkbox__native(
+            type='checkbox'
+            class={ 'is-indeterminate': attributes.indeterminate }
+        )&attributes(attributes)
+        .o-checkbox__box
+            +icon('check')(class='o-checkbox__check-icon')
+        .o-checkbox__label
+            block