Fork me on GitHub

Alerts

Required files

SCSS files required: _components.alerts.scss

Alert message boxes and variations

To create an alert message block, use the class .alert on a div and then add the modifying classes to state which kind of alert message alert--danger, alert--warning, alert--success, alert--info

The alert messages are full width with a 10px bottom margin

There is also a mixin available to create an alert message colour scheme here

This is an error alert message.
This is a warning alert message.
This is a success alert message.
This is an info alert message.