Add your alert title here!The alert here. It's better if you use two lines of text.
Design Systemv1.0COMPONENTS · ALERT
DESCRIPTION
An alert is a message that communicates important information, changes, warnings, or feedback that requires the user's attention.
PLAYGROUND MODE
Alerts come in seven types — Primary, Secondary, Error, Success, Warning, Information, and Default — and two layouts: Vertical and Horizontal.
COLORS
Alerts share the same semantic color roles as Badges and Buttons — only the icon, background tint, border, and divider change; title and description stay the same neutral text colors across every variant.
TYPES
Choose between two alert layouts: Vertical (icon, then stacked title/description, then action) and Horizontal (icon and title inline, with a divider before the dismiss control).
TOKENS & TYPOGRAPHY
COMPONENT STRUCTURE