ComponentReactregistry:ui

Tabs

tabs

Tabs on radix-ui with 3 variants (solid segmented, line underline, pill) and 2 sizes (sm, md). Variant and size flow from TabsList to every trigger via context. Exports Tabs, TabsList, TabsTrigger, TabsContent.

@ai2 Registry JSON

This item declares no source files.

Notes from the author

Set variant on TabsList; triggers inherit it via context. Use line for docs-style pages, pill for compact filters.

Install

npx shadcn@latest add @ai2/tabs

Needs @ai2 in your components.json registries — switch to URL if it doesn't resolve.

Registry: @ai2
Kind: Component
Framework: React
Files: 0 · 4.8 KB
Preview: Unavailable

npm dependencies

class-variance-authority radix-ui

Registry dependencies

tokens@ai2
primitives@ai2

This item belongs to @ai2. Registry Index indexes and previews it; check the registry's license before use.

1 example

See it in use

Used by 1 item

Built on Tabs

Other @ai2 items that list this one as a dependency.

@ai2

More from @ai2