FormGrid
Multi-column field layout — column count and gap parameterised via the shared Columns and Size enums
SSR mode
Examples
Two columns (default)
Three columns
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| FormGrid | A responsive CSS grid wrapper for form field layouts. Column count and gap are parameterised via the shared Columns and Size enums. Breakpoint logic is centralised in ColumnsClasses.Grid so Tailwind scans literal class strings. Default is two columns (Columns.Two) with a medium gap (Size.Md). |
FormGrid
A responsive CSS grid wrapper for form field layouts. Column count and gap are parameterised via the shared Columns and Size enums. Breakpoint logic is centralised in ColumnsClasses.Grid so Tailwind scans literal class strings. Default is two columns (Columns.Two) with a medium gap (Size.Md).
| Property | Type | Required | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | Field elements placed in the grid. | |
| Columns | Columns | Number of columns (responsive). Default: Columns.Two (grid-cols-1 sm:grid-cols-2). Mapped through ColumnsClasses.Grid. | |
| Gap | Size | Grid gap. Default: Size.Md (gap-4). Mapped through SizeClasses.Gap. |