When to use
Use for low-risk confirmation that should not block the next action.
Loading…
Find components, patterns, tokens, and docs
Component
Short-lived confirmation that an action completed.
Preview
<Toast
variant="success"
size="medium"
>
Component code copied
</Toast>Appearance is not enough. This is the contract for when the control earns a place in the product.
Use for low-risk confirmation that should not block the next action.
Use an alert or modal when the user must read or decide something.
Closes the loop on an action without forcing a context switch.
role=status. Don't expire faster than it can be read. Pause on hover/focus.