Tabs

Tabbed content switcher with default (pill) and line variants, horizontal or vertical.

Import

import { Tabs, TabsList, TabsTrigger, TabsContent } from "@repo/design-system/components/ui/tabs";

Default Variant

A high-level summary of your workspace activity and recent changes.

Pass variant="line" to TabsList for an underline style.

Line Variant

A high-level summary of your workspace activity and recent changes.

With Icons

Your pinned widgets and quick actions.

Controlled

Active tab: overview

Controlled via useState with value and onValueChange.