Alert Dialog

Interruptive modal dialog for confirming destructive actions. Focus is trapped and page is inert until user responds.

Figma: DS-001 Foundations · 83:122

Import

Live Demo

Interruptive confirmation dialogs for destructive actions.

Default

Small (centered)

Default + Media

Small + Media (centered)

Small + Destructive

Props

NameTypeDefaultDescription
openboolean—Controlled open state

Examples

Confirm Delete