Alert Dialog

A confirmation dialog with explicit confirm/cancel actions — composed from dialog, button, and heading. No new patch needed.

How it works

The dialog patch handles open/close state, backdrop, and scroll lock. The confirm/cancel buttons are plain button elements inside the dialog content. The pattern is identical to a regular dialog — the only difference is the content: a description of the destructive action and two explicit action buttons.

PatternUsage
dialog({ open })Modal with state-controlled visibility
button({ color: "error" })Destructive action styled in error color
Declare in tree + hideDialog always in tree, open state controls visibility