Alert

An alert displays a short, important message in a way that attracts the user's attention without interrupting the user's task.

Add 'alert' and its supporting class like 'alert--error' or 'alert--primary' to any container element to create an alert.

<div class="alert alert--primary">Primary! This is an alert!</div>
<div class="alert alert--error">Error! This is an alert</div>
<div class="alert alert--success">Success! This is an alert</div>
<div class="alert alert--warning">Warning! This is an alert</div>