components

Tabs

Organize content into navigable sections

Source Code Radix UI

Loading

Installation

Usage

Imports

/components/ui/tabs

Code

/components/ui/tabs

Examples

With Icon

Loading

With Badge

Loading

Variant - Outline

Loading

Variant - Open

Loading

Variant - Ghost

Loading

Variant - Outline Ghost

Loading

Orientation - Vertical

Loading

Size - Small

Loading

Size - Medium

Loading

Size - Large

Loading

Width - Full

Loading

Disabled

Loading

Props

<Tabs>

Name	Default	Values
External Reference	-	-

<TabsList>

Name	Default	Values
variant	default	defaultopenoutlineghostoutline-ghost
size	md	smmdlg
width	fit	fitfull
External Reference	-	-

<TabsTrigger>

Name	Default	Values
External Reference	-	-

<TabsContent>

Name	Default	Values
External Reference	-	-