tpl/objects/text-field.pug


1
2
3
4
5
6
7
8
9
10
11
12
13

include icon.pug

mixin text-field
  -
    let classes = {
      'o-text-field': true,
      'is-invalid':   attributes.invalid,
      'is-disabled':  attributes.disabled,
    }

  div(class=classes aria-disabled=attributes.disabled && String(attributes.disabled))
    input(class='o-text-field__native')&attributes(attributes)
    .o-text-field__bg