Agriculture Design System
Design System for import and export services

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