Forms
Complete form patterns for building accessible, user-friendly forms.
Patterns
Section titled “Patterns”- Checkbox:
af-checkbox - Classless form:
form.af-form - Field:
af-field,af-field__* - File input:
af-file-input - Form layout:
af-field-inline,<fieldset> - Input:
af-input, states, tokens - Input group:
af-input-group,af-input-group-addon - Label: semantic labels (optional
.af-label) - Radio:
af-radio - Range:
af-range - Select:
af-select(orform.af-form) - Switch:
role="switch"(or.af-switch) - Textarea:
af-textarea,af-is-auto-grow - Validation & error states:
aria-invalid,af-is-error,aria-describedby