Components
Alert Dialog
ConfirmationDialog: a 400px alert dialog with Cancel and a primary or danger confirm, busy and disabled states; layout="centered" for the 416px icon-led prompt.
ConfirmationDialog
Title 15/20 w520, description 14/20 secondary, buttons 12 apart, no Close button; the backdrop does not dismiss, Escape cancels. Confirm takes focus on open.
Centered
layout="centered" (v2, Code "Enable notifications"): 416 wide, 16px body, a centred column: 32px icon (tint it, e.g. text-clay-emphasized), title 15/20 w520 16px below, description 14/20 secondary, buttons centred 5px apart 16px below, optional 13/17 accent link 16px under them. Focus starts on the secondary button.
Parts
The shadcn-vue parts keep working: size sm (default) … 3xl, initial-focus, AlertDialogMedia (kit extra).
Light and dark
Popover surface (#fff | #303030), panel-lg shadow, 16px body, footer 16px below, 12px gap; centred variant 416 wide.
Delete this item?
This can't be undone.
Delete this item?
This can't be undone.
Enable notifications
Get notified when a session needs your input or finishes.
Enable notifications
Get notified when a session needs your input or finishes.