Overlays
Modal
A focused overlay for a confirmation, a one-field prompt, or a contextual detail. Closes on backdrop click, the close button, and the Esc key. A form of more fields goes in a Drawer, opened from the list it edits.
Basic
A one-field prompt, with a footer
The footer keeps the actions under the body. A prompt passes no size: the Modal
counts its one field and takes the rung that fits.
Deleting
A delete never builds its own Modal. Call confirm(), which opens the kit's ConfirmDialog with Cancel focused first, and post
the delete through a hidden form once it answers true.
Nothing asked yet.
Sizes
API
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | false | Bindable open state. |
title | string | no default | Title rendered in the header. |
description | string | no default | Subdued sub-text below the title. |
size | 'sm' | 'md' | 'lg' | 'xl' | 'auto' | 'auto' | A rung of the overlay ladder (448, 576, 704, 896px), or auto to take the one the body needs: md up to four fields, lg past four and xl past eight. Leave it unset for a prompt. |
onclose | () => void | no default | Fires after the modal closes (Esc, backdrop, or close button). |
children required | Snippet | no default | Modal body. |
footer | Snippet | no default | Footer rendered with a divider above and right-aligned spacing. |