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