Skip to main content
ParticleUI

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