Alert
Alerts display important messages that require the user's attention. They are static, inline elements — not dismissable notifications. Use them for persistent information like warnings, errors, or contextual guidance that the user needs to see.
Variants
DefaultInformational alert
DestructiveError or critical alert
Usage Guidelines
Do
Use alerts for persistent, contextual information that stays visible until resolved.
Don't
Don't use alerts for transient success messages. Use toast notifications instead.
Do
Include an icon that reinforces the alert type — info, warning, error, or success.
Don't
Don't stack multiple alerts. If you have several messages, consolidate them into one.