Atlas
.atlas-pill

Pill

Fully-rounded chip for filters and tags. Sentence case — not UPPERCASE like badges.

.atlas-pill.atlas-pill-active

Variants

Default
North America
Active
Production

Filter row

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