Components / UI components / Overlays
OverlaysExperimental alpha
AlertDialog
A focused confirmation that waits for an explicit application acknowledgement.
AlertDialog preview
Open the confirmation to try its focus and cancellation behavior.
Interactions use local sample data.
Usage and props
Use for a consequential confirmation. Compose Trigger, Content, Title, Description and Actions, with Cancel before Action. Action.onAction starts your request; close the controlled dialog after it succeeds. Show failures through Content.error. A click expresses intent. Keep the dialog open while the host processes the request; close it only after acknowledgement. The demo only changes local sample state.
openboolean (optional)- Control whether the confirmation is open, especially for asynchronous actions.
onOpenChange(open: boolean) => void (optional)- Update open when the user opens or dismisses the confirmation.
busyboolean (optional)- Disables Action while a request is pending. Cancel remains available.
childrenReactNode (optional)- The compound parts. Action stays open until your application closes the dialog.
These are the main props for the example. The package's TypeScript declarations include the full API.