Alerts

Browse through various alert styles, ideal for conveying important messages, warnings, or user feedback in an engaging manner.

Actions

Alerts designed for interactive user actions.

Live preview:
Basic

Simple and straightforward alert layout for general purposes.

Live preview:
Completed

Alerts indicating the completion of a process or task.

Live preview:
Completed Alternate

An alternative design for alerts signaling task completion.

Live preview:
Description

Alerts focused on delivering detailed descriptions.

Live preview:
Failed

Alerts specifically for notifying about failures or errors.

Live preview:
Failed Alternate

Alternative design for alerts related to failures or errors.

Live preview:
Filled

Solidly filled alerts for high visibility.

Live preview:
Icons

Icon-based alerts for quick visual communication.

Live preview:
Notification

General notification alerts for various purposes.

Live preview:
Notification Alternate

An alternative style for general notification alerts.

Live preview:
Outlined

Alerts with outlined designs for a distinct appearance.

Live preview:
Progress

Alerts indicating progress of ongoing tasks or processes.

Live preview:
Progress Alternate

Alternate design for alerts showing task or process progress.

Live preview:
Transition

Alerts designed to indicate transitions or changes.

Live preview: