Tabs

Tabs in three variants, with an indicator that slides between them.

Installation

$ pnpm dlx shadcn@latest add @pavo/tabs

Default

Segmented: views of one page. The raised chip slides to the active tab. The last tab is disabled.

Underline

Sections inside a card or a popup.

Pill

Filters and single choices, in the brand fill.

As nav

TabsNav and TabsLink: page links; current marks the page.

As radio

TabsRadioGroup and TabsRadio: a single choice, every pill a tab stop.

Inline

variant='inline': a segmented list, round and 2px into its track, for a control inside a row (a menu row's theme switch). Icon-only tabs need an aria-label; flex-1 tabs fill the width.