FormSection
Labelled grouping of form fields — h2 heading, optional description, and a flex-col body slot
SSR mode
Examples
Section with fields
Personal details
Your name and contact information.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| FormSection | A labelled grouping of form fields. Renders an <h2> heading and optional description above a flex-col gap-4 body slot. Intended to be stacked inside a FormShell Sections slot to divide a long form into logical groups. |
FormSection
A labelled grouping of form fields. Renders an <h2> heading and optional description above a flex-col gap-4 body slot. Intended to be stacked inside a FormShell Sections slot to divide a long form into logical groups.
| Property | Type | Required | Description |
|---|---|---|---|
| Title | string | Section heading. Rendered as <h2> in text-lg font-semibold tracking-tight. | |
| Description | string? | Optional sub-title rendered in text-muted-foreground below the heading. | |
| ChildContent | RenderFragment? | Field elements rendered in a flex-col gap-4 wrapper. |