Forms
Complete form patterns for building accessible, user-friendly forms.
af-input, af-textarea, af-select, and af-range are already width: 100%. Do not add af-w-full. That utility is for shrink-to-content patterns such as buttons.
Patterns
Section titled “Patterns”- Checkbox:
af-checkbox - Classless form:
form.af-form - Field:
af-field,af-field__* - File input:
af-file-input,af-is-dropzone - Form layout:
af-field-inline,<fieldset> - Input:
af-input, states, tokens - Input group:
af-input-group,af-input-group-addon,af-input-group-action - Label: semantic labels (optional
.af-label) - Radio:
af-radio - Range:
af-range - Select:
af-select(orform.af-form) - Switch:
role="switch" - Textarea:
af-textarea,af-is-auto-grow - Validation & error states:
aria-invalid,af-is-error,aria-describedby