Kairoz
.kairoz-pill

Pill

Rounded chip for categorization and filtering. Sentence case distinguishes it from the louder all-caps badge.

.kairoz-pill.kairoz-pill-active

Variants

Default
North America
Active
Production

Inline filter set

All Active Archived Draft 
<div style="display:flex;gap:6px;flex-wrap:wrap">
  <span class="kairoz-pill kairoz-pill-active">All</span>
  <span class="kairoz-pill">Active</span>
  <span class="kairoz-pill">Archived</span>
  <span class="kairoz-pill">Draft</span>
</div>