Badges

A badge is generally used to categorize content.

Usage

The badge component receives a display: inline-block rule by default.

default primary secondary neutral danger
  <span class="badge">default</span>
  <span class="badge badge-primary">primary</span>
  <span class="badge badge-secondary">secondary</span>
  <span class="badge badge-neutral">neutral</span>
  <span class="badge badge-danger">danger</span>