Alert
Source: Figma — Lexicon Components.
Three axes: type (simple/embedded/stripe/toast), layout (inline/vertical) and validation (info/success/warning/danger).
Action buttons are the shared .btn with matching tone.
Close is .btn--borderless.btn--sm.btn--icon.
Simple · Info
Info: This is the alert's message.
Toast · Info — with actions
Info: This is the alert's message.
Embedded · Success
Success: This is the alert's message.
Embedded · Success — with inline actions
Success: This is the alert's
Embedded · Warning
Warning: This is the alert's message.
Simple · Success
Success: This is the alert's message.
Stripe · Error
Error: This is the alert's message.
Stripe · Warning — with stacked actions
Warning: This is the alert's message.