Pattern Library

Alerts

Alerts are mainly placed above the global site header in full-width. However, they can also be added to main content when appropriate.

Alerts must have class alert AND a class modifier below.

Success

alert-success

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nunc mauris.

Warning

alert-warning

Warning! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nunc mauris.

Error

alert-error

Error! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nunc mauris.

Emergency

alert-emergency

Alert! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin in nunc mauris.