Add classes to the default FieldView
galhavivi opened this issue · comments
We should add classes to the default FieldView (in react-form) to indicate fields statues.
Question to figure before implementing:
should we use aria- instead? And is all the alternative aria-* relevant for non input elements such a container div? is there a better way to describe this on the DOM?
To the root div of the field
- jafar-field (always exists)
- jafar-required (only if required=true)
- jafar-empty (only if empty=true)
- jafar-disabled (only if disabled=true)
- jafar-invalid (only if invalid=true)
- jafar-dirty (only if dirty=true)
To the div that wraps the component
- jafar-component
To the div that wraps the error
- jafar-error
To the header
- jafar-header
To the div that wraps the label
- jafar-label
To the div that wraps the description
- jafar-description
To the div that wraps the asterisk of the required
- jafar-required-indicator