# Tabs

Switch between related content in the same context.

- ID: `tabs`
- Import: `animui/tabs`
- Category: Disclosure
- Runtime exports: `Tabs`, `TabsContent`, `TabsList`, `TabsTrigger`
- Declaration: `types/free/components/tabs.d.ts`
- Type provenance: emitted-original-typescript
- Related: segmented-control, accordion, liquid-tab-bar, morph-nav

```tsx
import { Tabs } from 'animui/tabs';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info tabs` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { Tabs, TabsContent, TabsList, TabsTrigger } from '../registry/components/tabs/tabs.js';
```