diff options
Diffstat (limited to 'tpl/objects/checkbox.pug')
| -rw-r--r-- | tpl/objects/checkbox.pug | 18 |
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 @@ | |||
| 1 | include icon.pug | ||
| 2 | |||
| 3 | mixin checkbox | ||
| 4 | - | ||
| 5 | let classes = { | ||
| 6 | 'o-checkbox': true, | ||
| 7 | 'o-checkbox--accent': attributes.accent, | ||
| 8 | } | ||
| 9 | |||
| 10 | label(class=classes) | ||
| 11 | input.o-checkbox__native( | ||
| 12 | type='checkbox' | ||
| 13 | class={ 'is-indeterminate': attributes.indeterminate } | ||
| 14 | )&attributes(attributes) | ||
| 15 | .o-checkbox__box | ||
| 16 | +icon('check')(class='o-checkbox__check-icon') | ||
| 17 | .o-checkbox__label | ||
| 18 | block | ||
