diff options
author | Volpeon <git@volpeon.ink> | 2022-03-25 18:29:21 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-03-25 18:29:21 +0100 |
commit | 5e2696d9ae35b37a9f7d0fe1c52b93fb84570464 (patch) | |
tree | e3b22a889bd4f8a6679d76dbe85c3152173947a6 /tpl/views/form.pug | |
parent | Fixed vertical rule (diff) | |
download | iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.tar.gz iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.tar.bz2 iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.zip |
Split demo in :target views
Diffstat (limited to 'tpl/views/form.pug')
-rw-r--r-- | tpl/views/form.pug | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/tpl/views/form.pug b/tpl/views/form.pug new file mode 100644 index 0000000..859e9a6 --- /dev/null +++ b/tpl/views/form.pug | |||
@@ -0,0 +1,29 @@ | |||
1 | mixin view-form | ||
2 | +view('form', 'Form') | ||
3 | .c-box | ||
4 | +form(labelsAlign="left") | ||
5 | +form-item('Username') | ||
6 | +text-field(placeholder='Example: Volpeon') | ||
7 | |||
8 | +form-item('Password', 'At least 6 characters, all characters allowed') | ||
9 | +text-field(placeholder='Example: hunter2' type='password') | ||
10 | |||
11 | +form-item('Bio') | ||
12 | +text-field(placeholder='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...') | ||
13 | |||
14 | +form-item('Favorite animal') | ||
15 | +radio(name="form-demo-1" checked=true)= 'Foxes' | ||
16 | +radio(name="form-demo-1")= 'Other' | ||
17 | |||
18 | +form-item('Notification settings') | ||
19 | +switch= 'In-app notifications' | ||
20 | br | ||
21 | +switch= 'Desktop notifications' | ||
22 | br | ||
23 | +switch= 'Email notifications' | ||
24 | |||
25 | +form-item('') | ||
26 | +checkbox= 'I\'ve read and accept the terms and conditions' | ||
27 | |||
28 | +form-item('') | ||
29 | +a-button(variant='primary')= 'Register' | ||