syntaqx

Components ยท Navigation

Tabs

shadcn's Tabs: panels behind a row of triggers. The line variant is a full-width strip with mono labels and the active tab underlined, like the site's code tabs.

What this is, at a glance.

Installation

npx shadcn@latest add https://www.syntaqx.com/r/tabs.json

Examples

Line

With variant="line" the list is a full-width strip with a rule under it, mono labels, and the active tab underlined in the primary color. It's the site's code tabs, for switching between versions of the same thing: package managers, languages, clients.

npx shadcn@latest add https://www.syntaqx.com/r/tabs.json