# Tabs

> Layered sections of content shown one panel at a time.

_Updated: 2026-06-04_

Layered sections of content shown one panel at a time.

## Installation

```bash
railbase ui add tabs
```

> [!NOTE]
> `railbase ui add` also copies shared primitives — they ship alongside this component automatically.

## Usage

```tsx
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/lib/ui/tabs";

<Tabs defaultValue="account">
  <TabsList>
    <TabsTrigger value="account">Account</TabsTrigger>
    <TabsTrigger value="password">Password</TabsTrigger>
  </TabsList>
  <TabsContent value="account">Account panel.</TabsContent>
  <TabsContent value="password">Password panel.</TabsContent>
</Tabs>
```

## Anatomy

Exported parts: `Tabs` · `TabsList` · `TabsTrigger` · `TabsContent`