Digital pattern library

Alerts

The alert pattern is used to convey important information to users.

Rules for alerts


Options available


Success

Use the class .alert-success for a success alert box. This alert box indicates a successful or positive action, such as successfully submitting a form.

Code




Info

Use the class alert-info for an info alert box. This alert box indicates neutral information or a neutral action, such as a recommendation or an update.

Code




Warning

Use the class alert-warning for a warning alert box. This alert box indicates a warning that might need attention or carries a time limit, such as impending application deadlines.

Code




Danger

Use the class alert-danger for a danger alert box. This alert box indicates a dangerous or potentially negative action such as closures or expired deadlines.

Code