Components › Navigation

Tabs

Switch between views in place. Two variants: a tray with a sliding pill, and a line.

Installation

npx plankui@latest add tabs

Usage

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

<Tabs defaultValue="a">
  <TabsList variant="line">
    <TabsTrigger value="a">Overview</TabsTrigger>
  </TabsList>
  <TabsContent value="a">…</TabsContent>
</Tabs>

API reference

Prop	Type	Default	Description
value / defaultValue	string		Active tab.
TabsList.variant	"tray" \| "line"	"tray"	Visual style.

View the source on GitHub