<div class="chip-group">
  <span class="chip chip-primary">Primary</span>
  <span class="chip chip-secondary">Secondary</span>
  <span class="chip chip-success">Success</span>
  <span class="chip">
    <i class="ph ph-funnel"></i>
    Filtered
  </span>
</div>

<div class="chip-group" aria-label="Filter chips">
  <button class="chip chip-selected" type="button" aria-pressed="true">Active</button>
  <button class="chip" type="button" aria-pressed="false">Queued</button>
  <button class="chip" type="button" aria-pressed="false">Failed</button>
</div>

<span class="chip">
  Frontend
  <button class="chip-remove" type="button" aria-label="Remove Frontend">
    <i class="ph ph-x"></i>
  </button>
</span>