Tabs Component

Tabs organize related content across different views.

Example

tabs Example

live demo

Manage your account settings and preferences.

Usage

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"

;<Tabs defaultValue="account">
  <TabsList>
    <TabsTrigger value="account">Account</TabsTrigger>
    <TabsTrigger value="password">Password</TabsTrigger>
  </TabsList>
  <TabsContent value="account">Account settings.</TabsContent>
  <TabsContent value="password">Change password.</TabsContent>
</Tabs>

Props

Prop	Type	Default
defaultValue	`string`	required
orientation	`"horizontal" \| "vertical"`	`"horizontal"`