Tabs
Terminal-inspired tabs for organizing content into different sections.
Active Processes
node server.js (PID: 1234)
nginx (PID: 5678)
postgres (PID: 9012)
Installation
npm install @radix-ui/react-tabs
Usage
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
export function TabsDemo() {
return (
<Tabs defaultValue="tab1">
<TabsList>
<TabsTrigger value="tab1">Tab 1</TabsTrigger>
<TabsTrigger value="tab2">Tab 2</TabsTrigger>
</TabsList>
<TabsContent value="tab1" className="text-foreground">
Content for Tab 1
</TabsContent>
<TabsContent value="tab2" className="text-foreground">
Content for Tab 2
</TabsContent>
</Tabs>
)
}