ConfirmDialog
Dialog-based confirm-action wrapper — title, message, Cancel/Confirm buttons, tone-driven color scheme
Interactive-mode
Examples
Danger confirm dialog
Delete item?
This action cannot be undone. The item will be permanently removed.
Success confirm dialog
Publish changes?
Your changes will be visible to all users immediately.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| ConfirmDialog | A Dialog-based confirm-action wrapper. Hides the Dialog/DialogHeader/DialogTitle/DialogDescription/DialogFooter composition behind text props and a Tone enum that drives the Confirm button's color scheme. |
ConfirmDialog
A Dialog-based confirm-action wrapper. Hides the Dialog/DialogHeader/DialogTitle/DialogDescription/DialogFooter composition behind text props and a Tone enum that drives the Confirm button's color scheme.
| Property | Type | Required | Description |
|---|---|---|---|
| Title | string | Dialog title. Default: "Are you sure?". | |
| Message | string | Explanatory message rendered in DialogDescription. Default: "". | |
| ConfirmLabel | string | Confirm button text. Default: "Confirm". | |
| CancelLabel | string | Cancel button text. Default: "Cancel". | |
| Tone | Tone | Drives the Confirm button's ColorScheme. Danger → red, Success → green, others → Primary. Default: Tone.Danger. | |
| Open | bool | Dialog open state. Two-way bindable via OpenChanged. | |
| OpenChanged | EventCallback<bool> | Fires when the dialog requests to close. Pair with Open for two-way binding. | |
| OnConfirm | EventCallback | Fires when the Confirm button is clicked. The dialog closes immediately after. |