diff options
Diffstat (limited to 'tpl/views/form.pug')
| -rw-r--r-- | tpl/views/form.pug | 43 |
1 files changed, 22 insertions, 21 deletions
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 @@ | |||
| 1 | mixin view-form | 1 | mixin 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' |