When to use
Use when the user must confirm or complete a short task before continuing.
Loading…
Find components, patterns, tokens, and docs
Component
Focused dialog that pauses the page until the user decides.
Preview
<Modal
variant="primary"
size="medium"
>
Archive this component?
</Modal>Appearance is not enough. This is the contract for when the control earns a place in the product.
Use when the user must confirm or complete a short task before continuing.
Don't use for extra reading, help, or settings that belong on a page.
Prevents accidental irreversible work and keeps the decision in context.
Focus trap, Escape to close, restore focus to the trigger, labelled by a heading, and a clear primary action.