Pastel UI

Alerts

An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.


Basic Alerts

These alerts offer four severity levels with distinctive icons and colors

You can use the alert class on your div element to get an alert. You can add alert-error, alert-warning, alert-info, and alert-success classes in addition to the alert class to get the respective variants of alerts.

This is an error alert!
This is a warning alert!
This is an info alert!
This is a success alert!