Badge

<div class="badge-demo" role="list" aria-label="Badge examples">
  <span class="badge" role="listitem">New</span>
  <span class="badge badge--success" role="listitem">Active</span>
  <span class="badge badge--warning" role="listitem">Pending</span>
  <span class="badge badge--danger" role="listitem">Error</span>
  <span class="badge badge--info" role="listitem">Info</span>
</div>
<div class="badge-demo" role="list" aria-label="Badge sizes">
  <span class="badge badge--sm" role="listitem">Small</span>
  <span class="badge" role="listitem">Medium</span>
  <span class="badge badge--lg" role="listitem">Large</span>
</div>