---
category: navigation
---

# Tabs

Source: `components/ui/tabs.tsx`.

`Tabs` is a compound component. Its parts are exported **flat** (`TabsList`, not
`Tabs.List`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `TabsList` | `React.ComponentProps<typeof TabsPrimitive.List>` |
| `TabsTrigger` | `React.ComponentProps<typeof TabsPrimitive.Trigger>` |
| `TabsContent` | `React.ComponentProps<typeof TabsPrimitive.Content>` |

All parts accept `className` and are composed as children of `Tabs`.