Back to Components

Alert

Notification message component for user feedback.

Default

Heads up!
You can add components to your app using the cli.

Colors

Primary
This is a primary alert message.
Secondary
This is a secondary alert message.
Success
This is a success alert message.
Info
This is a info alert message.
Warning
This is a warning alert message.
Error
This is a error alert message.
Neutral
This is a neutral alert message.

Variants

Solid
This is a solid variant alert.
Outline
This is a outline variant alert.
Soft
This is a soft variant alert.
Subtle
This is a subtle variant alert.

With Icon

Success
Your changes have been saved.
Warning
Your session is about to expire.
Error
There was a problem with your request.
Info
This is some additional information.

With Close Button

New notification
You have 3 unread messages.

With Actions

Update available
A new software update is available for download.