summaryrefslogtreecommitdiffstats
path: root/tpl/views/form.pug
blob: 5b247578a67ce895e35bd19966628668c90d60af (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
mixin view-form 
    +view('form', 'Form')
        each align in ['above', 'start', 'end']
            .c-box
                +form(labelsAlign=align)
                    +form-item('Username')
                        +text-field(placeholder='Example: Volpeon')

                    +form-item('Password', 'At least 6 characters, all characters allowed')
                        +text-field(placeholder='Example: hunter2' type='password')

                    +form-item('Bio')
                        +text-field(placeholder='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...')

                    +form-item('Favorite animal')
                        +radio(name="form-demo-1" checked=true)= 'Foxes'
                        +radio(name="form-demo-1")= 'Other'

                    +form-item('Notification settings')
                        +switch= 'In-app notifications'
                        br
                        +switch= 'Desktop notifications'
                        br
                        +switch= 'Email notifications'

                    +form-item('')
                        +checkbox= 'I\'ve read and accept the terms and conditions'

                    +form-item('')
                        +a-button(variant='primary')= 'Register'