Form stack
The Form stack component is used to apply consistent vertical spacing between elements in forms.
import { ... } from '@ag.ds-next/react/form-stack';
Consistent spacing in between form fields lowers the visual noise that is created by inconsistent design. It ensures that labels are visually associated with the correct fields. Maintaining sufficient space between the elements of a form page helps low vision users to identify and differentiate each input required to complete a form
For more guidance on creating accessible forms, visit some of the following pages or see how we implement forms in the AgDS templates.
AgDS accessible forms guidance
- Autocomplete
- Button
- Checkbox
- Combobox
- Control group
- Date picker (Next)
- Date range picker (Next)
- Field
- Fieldset
- File upload
- Grouped fields
- Password input
- Progress indicator
- Radio
- Search box
- Select
- Text input
- Textarea
- Time input
- Time picker