Alerts

Alerts are textual components usefull to provides contextual feedback message to the user.

Wrap your message inside a container with the alert class, and combine it with a contextual class (e.g. alert--success) to give it the desired style.

Alert
Alert Success
Alert Error
<div class="alert">
    Alert
</div>
<div class="alert alert--success">
    Alert Success
</div>
<div class="alert alert--error">
    Alert Error
</div>