GitHub

Tabs

Flexible navigation tool with various modes and features

Docs API
Profile
You can view and manage your profile information here.
You can view and manage your profile information here.

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/tabs.json

Usage

import { 
  Tabs,
  TabsList,
  TabsTrigger,
  TabsContent
} from "@/components/ui/tabs";
<Tabs>
  <TabsList>
    <TabsTrigger value="1">Tab 1</TabsTrigger>
    <TabsTrigger value="2">Tab 2</TabsTrigger>
  </TabsList>
  <TabsContent value="1">Tab 1 content</TabsContent>
  <TabsContent value="2">Tab 2 content</TabsContent>
</Tabs>