Dialog and sheet
Spec
Dialogs on wide screens; the same content as a bottom sheet on phones.
Rules
- Every dialog has a title on the left and Close (a 44px icon button) on the right.
- Footer sticks to the bottom, above the on-screen keyboard: Delete on the left as Danger; Cancel and the primary action on the right.
- Opens in the browser's top layer over surface-scrim; radius xl; at most 32rem wide.
- Phones: Escape, Close, or a 64px swipe down on the title bar closes it.
- Delete never asks to confirm: it closes and shows an undo toast.
Built 1.0.0
The app's own component, version 1.0.0, live. Fake data; nothing is saved.
Changes
- 1.0.0, Oct 2 2026: Close in every title bar; sticky footer; phones swipe down to close.