Gengar UI

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>
  )
}