Field grouping, validation, and layout. The systems that take forms seriously ship a dedicated layout primitive, not just inputs.
Also appears as: FormLayout · FormControl · Form Field · Form Group · Form Validation · useForm
Schema-driven form with validation, dependent fields, and complex layouts.
Read the Ant Design breakdownStandardized input wrapper with label, helper text, validation state, and explicit accessible labelling — the reference for enterprise form ergonomics.
Read the Canvas breakdownComposes Label + Input + Helper + Error with a single source of truth for the relationship.
Read the Chakra UI breakdown
Confirmation pattern at the end of multi-step services.
Read the GOV.UK Design System breakdownInline + summary validation with explicit recovery affordances, async server-validation handling, and progressive disclosure for long forms.
Read the Helios breakdownForm state with built-in validation, field arrays, and Zod/Yup integration.
Read the Mantine breakdownThree input styles each with clear use guidance.
Read the Material 3 breakdown
Field grouping that handles long forms and inline validation cleanly.
Read the Polaris breakdownreact-hook-form integration with Zod schemas — the reference modern form pattern.
Read the shadcn/ui breakdownLabel + input + hint + error pattern with full a11y wiring.
Read the U.S. Web Design System breakdown