When to use
Use when the user must confirm or complete a short task before continuing.
Loading…
Find components, patterns, tokens, and docs
Documentation
Modals demand attention because continuing without an answer is unsafe or confusing.
One question, two actions. Never nest modals.
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.
<Modal
variant="primary"
size="medium"
>
Archive this component?
</Modal>