Components

Tabs

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/tabs.json

This component is built using Radix UI Tabs primitives. For detailed information, please visit the full API reference.

This component is based on the Tabs.Root primitive. For full details, visit the official documentation.

This component is based on the Tabs.List primitive and includes the following custom props:

This component is based on the Tabs.Trigger primitive and inherits the following props from context:

This component is based on the Tabs.Content primitive and includes the following custom props:

Prop	Type	Default
`variant`	~~enum~~	~~"default"~~
`className`	~~string~~	~~undefined~~