Alert
Notification banners in 11 color variants, with optional title and dismiss button.
All 11 color variants
This is a primary alert.
This is a secondary alert.
This is a tertiary alert.
This is a contrast alert.
Accent Eye-catching highlight.
This is a success alert.
This is an info alert.
This is a warning alert.
This is an error alert.
Pop Lighter accent variant.
Spark Lighter contrast variant.
With title
Operation successful
Your changes have been saved. You can continue editing or return to the dashboard.
Something went wrong
Unable to process your request. Please try again later.
Dismissible
Heads up!
This alert can be dismissed with the close button.
A simple dismissible warning.
With links
Check the documentation for more details.