Tabs
Accessible tab panels built on Radix UI with keyboard navigation.
Installation
1
Run the CLI
$npx particleui-cli add tabs
Usage
TSX
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs"
export default function Example() {
return (
<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 here.</TabsContent>
</Tabs>
)
}Details
Source filecomponents/ui/tabs.tsx
Typeui
Categoriesnavigation, core
npm dependencies@radix-ui/react-tabs
Registry deps
Claude skill—