Tabs

A segmented control for switching between content panels.

Install

npx shadcn add @clearly/tabs

Overview content goes here.

import { Tabs } from "@/components/ui/tabs"

<Tabs />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Prop	Type	Default	Description
`value`	`string`	`—`	Active tab (controlled).
`defaultValue`	`string`	`—`	Initial tab.
`onValueChange`	`(value: string) => void`	`—`	Tab change callback.
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	Tab layout direction.