summaryrefslogblamecommitdiffstats
path: root/tpl/views/form.pug
blob: 5b247578a67ce895e35bd19966628668c90d60af (plain) (tree)
1
2
3
4
5
6
7
8
9
10
                         



                                                                   
 
                                                                                           
 
                                                                                                                       
 

                                                                        
 




                                                        
 
                                                                                   
 
                                                                
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'