Tabs

2 variants

Tabbed content with horizontal and vertical orientations on the Base UI Tabs primitive.

Component 2 of 2

Install

Add this component to your project with the shadcn CLI. Pick the mode that matches how you installed the registry.

bash

npx shadcn@latest add deessejs/ui/tabs

Other install modes

URL mode — works against the deployed showcase site:

bash

npx shadcn@latest add https://ui.deessejs.com/r/tabs.json

Namespace mode — register once, then any item by short name:

bash

npx shadcn@latest registry add @deessejs=https://ui.deessejs.com/r/{name}.json

bash

npx shadcn@latest add @deessejs/tabs

Previewdefault

Overview panel content.