---
title: Onglets
description: Basculez entre des variantes de contenu spécifiques à la plateforme ou à la langue.
url: https://docs.thally.io/fr/components/tabs
---

# Onglets

Basculez entre des variantes de contenu spécifiques à la plateforme ou à la langue.

{/* thally:ai-translation locale=fr source-sha=1d9425d034ec50d5da0f56537a2d34be09b83d1ed654a5e835733c60d24d5dc5 */}
{/* Remove the marker above before manual edits to opt out of automatic refresh. */}

`<Tabs>` et `<Tab>` créent un panneau de contenu avec onglets. Utilisez-les pour les instructions spécifiques à une plateforme, les variantes linguistiques, ou tout contenu où les utilisateurs doivent choisir un chemin.

## Exemple

#### npm

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

#### pnpm

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

#### yarn

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

````mdx
<Tabs>
  <Tab title="npm">
    ```bash
    npm install @company/sdk
    ```
  </Tab>
  <Tab title="pnpm">
    ```bash
    pnpm add @company/sdk
    ```
  </Tab>
</Tabs>
````

## Contenu riche des onglets

Les onglets peuvent contenir n'importe quel contenu MDX, y compris des légendes, des groupes de code et des images :

````mdx
<Tabs>
  <Tab title="macOS">
    <Steps>
      <Step title="Install Homebrew">
        ```bash
        /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
        ```
      </Step>
    </Steps>
  </Tab>
  <Tab title="Windows">
    Download the installer from the releases page.
  </Tab>
</Tabs>
````

## Props

### `<Tab>`

| Prop | Type | Description |
|---|---|---|
| `title` | `string` | Étiquette affichée sur le bouton d'onglet |