mixin view-field-label 
    +view('field-label', 'Field label')
        .c-box
            +field-label('First name')
                +text-field(placeholder='Placeholder')
            br
            +field-label('Password', 'At least 6 characters required')
                +text-field(placeholder='Placeholder' type='password')
            br
            +field-label('Password', 'At least 6 characters required')(invalid=true)
                +text-field(placeholder='Placeholder' type='password' invalid=true)
            br
            +field-label('First name')(disabled=true)
                +text-field(placeholder='Placeholder' disabled=true)
            br
            +field-label('Password', 'At least 6 characters required')(disabled=true)
                +text-field(placeholder='Placeholder' type='password' disabled=true)
            br
            +field-label('Password', 'At least 6 characters required')(invalid=true disabled=true)
                +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true)

        .c-box
            +field-label('First name')(align='start' labelWidth='100px')
                +text-field(placeholder='Placeholder')
            br
            +field-label('Password', 'At least 6 characters required')(align='start' labelWidth='100px')
                +text-field(placeholder='Placeholder' type='password')
            br
            +field-label('Password', 'At least 6 characters required')(align='start' labelWidth='100px' invalid=true)
                +text-field(placeholder='Placeholder' type='password' invalid=true)
            br
            +field-label('First name')(align='start' labelWidth='100px' disabled=true)
                +text-field(placeholder='Placeholder' disabled=true)
            br
            +field-label('Password', 'At least 6 characters required')(align='start' labelWidth='100px' disabled=true)
                +text-field(placeholder='Placeholder' type='password' disabled=true)
            br
            +field-label('Password', 'At least 6 characters required')(align='start' labelWidth='100px' invalid=true disabled=true)
                +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true)

        .c-box
            +field-label('First name')(align='end' labelWidth='100px')
                +text-field(placeholder='Placeholder')
            br
            +field-label('Password', 'At least 6 characters required')(align='end' labelWidth='100px')
                +text-field(placeholder='Placeholder' type='password')
            br
            +field-label('Password', 'At least 6 characters required')(align='end' labelWidth='100px' invalid=true)
                +text-field(placeholder='Placeholder' type='password' invalid=true)
            br
            +field-label('First name')(align='end' labelWidth='100px' disabled=true)
                +text-field(placeholder='Placeholder' disabled=true)
            br
            +field-label('Password', 'At least 6 characters required')(align='end' labelWidth='100px' disabled=true)
                +text-field(placeholder='Placeholder' type='password' disabled=true)
            br
            +field-label('Password', 'At least 6 characters required')(align='end' labelWidth='100px' invalid=true disabled=true)
                +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true)