mixin view-form 
    +view('form', 'Form')
        .c-box
            +form(labelsAlign="left")
                +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'