Tabs

Organizes related content into panels that share one compact row of triggers.

Installation

bunx @swift-rust/ui add tabs

Usage

tsx

1import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
2 
3<Tabs defaultValue="account">
4  <TabsList>
5    <TabsTrigger value="account">Account</TabsTrigger>
6    <TabsTrigger value="security">Security</TabsTrigger>
7  </TabsList>
8  <TabsContent value="account">Account settings</TabsContent>
9  <TabsContent value="security">Security settings</TabsContent>
10</Tabs>

Composition

Tabs is composed of these parts:

Tabs
├── TabsList
│   ├── TabsTrigger
│   └── TabsTrigger
├── TabsContent
└── TabsContent

Examples

Make changes to your account here.

← Table Textarea →