Alert

Alerts are used to communicate a state that affects a system, feature or page.


Standard Alerts

The alert component has four variants "success-alert", "danger-alert", "warning-alert" and "simple-alert" along with "alert" class.

This is a Success alert

This is a Danger alert

This is a Warning alert

This is a Simple alert


Outlined Alerts

The alert component has four variants "outlined-success-alert", "outlined-danger-alert", "outlined-warning-alert" and "outlined-simple-alert" along with "alert" class.

This is a Simple alert

This is a Success alert

This is a Warning alert

This is a Danger alert