Components

Tabs

Three sizes. sm/md are pill-on-rail; lg is editorial chapter nav with a double-line under the active tab.

Install

bash

npx shadcn@latest add https://supaui.dev/r/tabs.json

md — pill on rail (default)

Update your profile and authentication preferences.

sm

12 issues across all states.

lg — editorial chapter rail

The lg variant abandons the rail entirely. Active triggers are marked by a 2px accent overline and a 1px ink baseline, reading as masthead chapters rather than a control.

API

TabsList — size="sm" | "md" | "lg". Pass on the list; triggers inherit via context.
sm/md render the pressed-track + raised-pill metaphor.
lg renders the masthead variant — Gloock label, double-line indicator, no rail.