Alert Dialog Component
A modal dialog that interrupts the user with important content and expects a response.
Basic
A simple alert dialog with a destructive action.
Confirmation
Use for confirming non-destructive actions.
Warning
Alert the user about potentially dangerous actions.
Controlled State
Control the open state programmatically with @bind-Open.
Dialog is: Closed
Information
Display important information that requires acknowledgment.
Accessibility & Behavior
Alert dialogs trap focus and require user acknowledgement. By default:
- • Cannot be dismissed by clicking outside (customizable via
CloseOnClickOutside) - • Can be closed with Escape key for accessibility (customizable via
CloseOnEscape) - • Traps focus within the dialog
- • Uses
role="alertdialog"for screen readers - • Use for destructive or critical confirmations that require user attention