FormSection
Semantic form groups with a legend, description and shared spacing.
Installation
Run it from the root of a project already set up with zunoui init.
npx zunoui@latest add form-sectionDependencies
What add form-section installs alongside the component. The CLI skips any you already have in a compatible version.
ZUNO registry
@zuno/utils
Examples
1 examples · 1 componentField group
Legend, description and fields with a shared rhythm.
API reference
Forwards props and ref to the container element; it only adds composition utilities.
| Prop | Type | Default |
|---|---|---|
FormSectionGroups a set of related fields. | fieldset | — |
FormSectionHeaderHolds the legend and description. | div | — |
FormSectionTitleAccessible legend for the group. | legend | — |
FormSectionDescriptionExplanation of the group. | p | — |
FormSectionContentFields with consistent spacing. | div | — |
Accessibility
Uses fieldset and legend to associate the group with its fields for screen readers.
Proximity expresses relationship: fields in a group sit closer to each other than to the next group.