Alert

Notification banner with success, warning, error, and info variants.

✓

Success

Your changes have been saved.

⚠

Warning

Your trial expires in 3 days.

Error

Failed to connect to database.

ℹ

Info

A new version is available.

<div class="alert alert-success">
  <span class="alert-icon">✓</span>
  <div class="alert-content">
    <div class="alert-title">Success</div>
    Your changes have been saved.
  </div>
</div>

<div class="alert alert-warning">...</div>
<div class="alert alert-error">...</div>
<div class="alert alert-info">...</div>