Chip

Interactive filter pills — toggles or links, never mere decoration.

Show the markup

<nav aria-label="Filter by category">
  <a class="cc-chip" href="#" aria-current="true">All</a>
  <a class="cc-chip" href="#">Library</a>
  <a class="cc-chip" href="#">Elections</a>
</nav>

Show the markup

<button class="cc-chip" type="button" aria-pressed="true">Upcoming only</button>

Accessibility

A chip is a control: a link (with aria-current for the active one) or a toggle button (aria-pressed). For plain labels use Tag.
Selected state changes background and is exposed in ARIA — not color alone.
Full 44px target height.