FormActions
Sticky-bottom action row — Start slot (left) and End slot (right) with optional backdrop-blur sticky positioning
Interactive-mode
Examples
Non-sticky with Cancel and Save
Sticky variant (scroll the page to see effect)
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| FormActions | A bottom action row for forms. Renders a Start slot (left-aligned, e.g. Cancel) and an End slot (right-aligned, e.g. Submit). When Sticky=true, adds sticky bottom-0 z-10 bg-background/95 backdrop-blur so the row remains visible while the user scrolls a long form. FormShell uses this internally with Sticky=true for its Actions slot. |
FormActions
A bottom action row for forms. Renders a Start slot (left-aligned, e.g. Cancel) and an End slot (right-aligned, e.g. Submit). When Sticky=true, adds sticky bottom-0 z-10 bg-background/95 backdrop-blur so the row remains visible while the user scrolls a long form. FormShell uses this internally with Sticky=true for its Actions slot.
| Property | Type | Required | Description |
|---|---|---|---|
| Sticky | bool | Pins the row to the bottom of the scroll container with a frosted-glass background. Default: false. | |
| Start | RenderFragment? | Left-aligned slot — typically a ghost Cancel button. | |
| End | RenderFragment? | Right-aligned slot — typically the primary submit button and optional secondary actions. |