Badge

A small indicator using <span> or <sup> with the @utility badge.

Status: Active

Usage

badge.html

<!-- Inline Badge -->
<span class="badge color-group-primary">
  Active
</span>

<!-- Notification Badge (Superscript) -->
<button class="relative btn btn-neutral">
  Notifications
  <sup class="badge-indicator color-group-danger">
    3
  </sup>
</button>