Tabs

Organizes content into multiple sections accessible via a tab list. Built on Radix UI Tabs with full keyboard navigation.

Manage your account settings and preferences.

Multiple Tabs

Tab groups scale to as many triggers as you need.

Your project overview and quick stats.

Pass disabled on a TabsTrigger to make it non-interactive.

Active tab content.

Tabs can wrap a full settings form layout:

General Settings

Update your profile and preferences.

Display Name

Prop	Type	Default	Description
`defaultValue`	`string`	—	The value of the tab that should be active by default.
`value`	`string`	—	The controlled value of the active tab.
`onValueChange`	`(value: string) => void`	—	Callback when the active tab changes.
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	The orientation of the tab list.