Confirm Dialog

Whether the dialog is open or not

The header of the dialog

The content of the dialog

The label for the confirm button

The label for the cancel button

Callback when the confirm button is clicked. May return a Promise; while it is pending the dialog shows a loading state and disables its action buttons.

Callback when the cancel button is clicked

The visual variant of the dialog. Use destructive for actions like delete.

Controlled loading state for the confirm action. When provided, takes precedence over the dialog’s internal async tracking — use this when the loading state lives outside the dialog (e.g. driven by a mutation hook). When omitted, the dialog automatically enters the loading state if onConfirm returns a Promise.

Whether the confirm button is disabled.

Optional slot children. Pass a <ConfirmDialogActions> element to replace the default Confirm/Cancel buttons. Action children can read the managed state via useConfirmDialogContext(). Other React nodes are not rendered — use header/content props for those.