---
title: Tabs
description: Switch between platform-specific or language-specific content variants.
url: http://localhost:3040/components/tabs
---

# Tabs

Switch between platform-specific or language-specific content variants.

`` and `` create a tabbed content panel. Use them for platform-specific instructions, language variants, or any content where users need to pick one path.

## Example

    ```bash
    npm install @company/sdk
    ```

    ```bash
    pnpm add @company/sdk
    ```

    ```bash
    yarn add @company/sdk
    ```

````mdx

    ```bash
    npm install @company/sdk
    ```

    ```bash
    pnpm add @company/sdk
    ```

````

## Rich tab content

Tabs can contain any MDX content including callouts, code groups, and images:

````mdx

        ```bash
        /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
        ```

    Download the installer from the releases page.

````

## Props

### ``

| Prop | Type | Description |
|---|---|---|
| `title` | `string` | Label shown on the tab button |