Variants
Heads up
This is a default alert.
New feature
Check out what we just shipped.
For your info
Something worth knowing.
Saved
Your changes were saved.
Careful
This action needs your attention.
Error
Something went wrong.
<div class="sqd-alert sqd-alert--default">
<div class="sqd-alert-title">Heads up</div>
<div class="sqd-alert-description">This is a default alert.</div>
</div>
<div class="sqd-alert sqd-alert--brand">…</div>
<div class="sqd-alert sqd-alert--info">…</div>
<div class="sqd-alert sqd-alert--success">…</div>
<div class="sqd-alert sqd-alert--warning">…</div>
<div class="sqd-alert sqd-alert--destructive">…</div>