Standard
Container(s) | .input-text-wrap |
Modifiers | .is-required .is-error .is-disabled .is-valid |
States | .is-focused .has-value |
Guidelines
- Labels should be title case and ≤ 20 characters.
- Info hint and error text should be sentence case and ≤ 90 characters.
- Info hint and error text should be used to coach the user about valid input, but should not act as a replacement for input masking and validation.
- Ensure label is raised when field is pre-populated or autofilled by the browser.
- Prefer field-level error messages when checking for presence and format of data

