Chip

The chip (.chip) is a compact, pill-shaped element used for filter tags, selectable options, and removable input tokens — more interactive than a badge, since a chip is commonly clickable, selectable, or dismissable.

<span class="chip chip-primary">
  <span class="chip-label">Status: Open</span>
  <button type="button" class="chip-remove action-dismiss" aria-label="Remove">✕</button>
</span>