summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/objects/form.pug4
-rw-r--r--tpl/views/form.pug43
2 files changed, 24 insertions, 23 deletions
diff --git a/tpl/objects/form.pug b/tpl/objects/form.pug
index 24ac3f0..cbb1758 100644
--- a/tpl/objects/form.pug
+++ b/tpl/objects/form.pug
@@ -3,8 +3,8 @@ include field-label.pug
3mixin form 3mixin form
4 form(class={ 4 form(class={
5 'l-form': true, 5 'l-form': true,
6 'l-form--labels-left': attributes.labelsAlign === 'left', 6 'l-form--labels-start': attributes.labelsAlign === 'start',
7 'l-form--labels-right': attributes.labelsAlign === 'right', 7 'l-form--labels-end': attributes.labelsAlign === 'end',
8 'l-form--labels-above': attributes.labelsAlign === 'above' 8 'l-form--labels-above': attributes.labelsAlign === 'above'
9 }) 9 })
10 block 10 block
diff --git a/tpl/views/form.pug b/tpl/views/form.pug
index 859e9a6..5b24757 100644
--- a/tpl/views/form.pug
+++ b/tpl/views/form.pug
@@ -1,29 +1,30 @@
1mixin view-form 1mixin view-form
2 +view('form', 'Form') 2 +view('form', 'Form')
3 .c-box 3 each align in ['above', 'start', 'end']
4 +form(labelsAlign="left") 4 .c-box
5 +form-item('Username') 5 +form(labelsAlign=align)
6 +text-field(placeholder='Example: Volpeon') 6 +form-item('Username')
7 +text-field(placeholder='Example: Volpeon')
7 8
8 +form-item('Password', 'At least 6 characters, all characters allowed') 9 +form-item('Password', 'At least 6 characters, all characters allowed')
9 +text-field(placeholder='Example: hunter2' type='password') 10 +text-field(placeholder='Example: hunter2' type='password')
10 11
11 +form-item('Bio') 12 +form-item('Bio')
12 +text-field(placeholder='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...') 13 +text-field(placeholder='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...')
13 14
14 +form-item('Favorite animal') 15 +form-item('Favorite animal')
15 +radio(name="form-demo-1" checked=true)= 'Foxes' 16 +radio(name="form-demo-1" checked=true)= 'Foxes'
16 +radio(name="form-demo-1")= 'Other' 17 +radio(name="form-demo-1")= 'Other'
17 18
18 +form-item('Notification settings') 19 +form-item('Notification settings')
19 +switch= 'In-app notifications' 20 +switch= 'In-app notifications'
20 br 21 br
21 +switch= 'Desktop notifications' 22 +switch= 'Desktop notifications'
22 br 23 br
23 +switch= 'Email notifications' 24 +switch= 'Email notifications'
24 25
25 +form-item('') 26 +form-item('')
26 +checkbox= 'I\'ve read and accept the terms and conditions' 27 +checkbox= 'I\'ve read and accept the terms and conditions'
27 28
28 +form-item('') 29 +form-item('')
29 +a-button(variant='primary')= 'Register' 30 +a-button(variant='primary')= 'Register'