Alerts

To create an alert you just add a .alert class to a div. You may also add modifiers to change it’s context.

I'm boring.

It's dangerous out there!

Welcome, old friend.

Good job!

<div class="alert">I'm boring.</div>
<div class="alert -danger">It's dangerous out there!</div>
<div class="alert -primary">Welcome, old friend.</div>
<div class="alert -success">Good job!</div>

The alert component comes with a built-in close button to dismiss the alert. You need to add your own custom Javascript to make this work for your needs.

Congratulations! Your order has been completed.

<div class="alert -success">
  <button class="button close">&#x2715;</button>
  Congratulations! Your order has been completed.
</div>