FormShell
Page-level form envelope — composes PageHeader, Sections slot, and a sticky FormActions row
Interactive-mode
Examples
Form with two sections and actions
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| FormShell | Page-level form envelope. Composes PageHeader for the title/description band, renders a Sections slot inside a flex-col gap-8 wrapper, and wraps the Actions slot inside a sticky FormActions row at the bottom. The <form> element handles submit via OnSubmit with preventDefault so the browser does not navigate. |
FormShell
Page-level form envelope. Composes PageHeader for the title/description band, renders a Sections slot inside a flex-col gap-8 wrapper, and wraps the Actions slot inside a sticky FormActions row at the bottom. The <form> element handles submit via OnSubmit with preventDefault so the browser does not navigate.
| Property | Type | Required | Description |
|---|---|---|---|
| Title | string | Form title. Forwarded to PageHeader and rendered as <h1>. | |
| Description | string? | Optional sub-title forwarded to PageHeader. | |
| OnSubmit | EventCallback | Callback fired when the form is submitted. The default browser navigation is suppressed. | |
| Sections | RenderFragment? | Slot for FormSection children. Rendered in a flex-col gap-8 wrapper. | |
| Actions | RenderFragment? | Action buttons slot (e.g. Cancel + Save). Rendered inside a sticky FormActions row pinned to the bottom of the form. |