Atlas
.atlas-tabbar

Tabs

34px horizontal tab strip. Borderless inactive, filled active, blue line under the active tab.

.atlas-tabbar.atlas-tab.is-active

Default

<div class="atlas-tabbar">
  <button class="atlas-tab is-active">Overview</button>
  <button class="atlas-tab">Metrics</button>
  <button class="atlas-tab">Logs</button>
  <button class="atlas-tab">Settings</button>
</div>

With count

<div class="atlas-tabbar">
  <button class="atlas-tab is-active">Pull requests <span style="margin-left:6px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px">12</span></button>
  <button class="atlas-tab">Issues <span style="margin-left:6px;color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px">3</span></button>
  <button class="atlas-tab">Discussions</button>
</div>