Tabs
unreleasedstable
A set of layered sections where one panel is visible at a time.
Track the current workspace state.
import {
Tabs,
TabsContent,
TabsList,
TabsTrigger,
} from "@/components/ui/tabs";
export function Component() {
return (
<Tabs defaultValue="overview">
<TabsList>
<TabsTrigger value="overview">Overview</TabsTrigger>
</TabsList>
<TabsContent value="overview">Track the current workspace state.</TabsContent>
</Tabs>
);
}Tabs
Root owner for selected tab value and activation mode.
TabsList
Tablist wrapper that renders triggers and the active indicator.
TabsTrigger
Focusable tab control associated with a content panel.
TabsContent
Panel rendered for a matching tab value.
Track the current workspace state.