# Panel (/fr/components/panel)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 207 · updated: 2026-07-30 -->
Related: [Accordion](/fr/components/accordions.md), [Badge](/fr/components/badge.md), [Bannière](/fr/components/banner.md), [Encarts](/fr/components/callouts.md), [Cartes](/fr/components/cards.md), [Groupes de code](/fr/components/code-groups.md)

Vous pouvez utiliser le composant `<Panel>` pour personnaliser le panneau latéral droit d’une page avec les composants de votre choix.

Si une page contient un composant `<Panel>`, les composants [RequestExample](/fr/components/examples#requestexample) et [ResponseExample](/fr/components/examples#responseexample) doivent se trouver à l’intérieur de `<Panel>`.

Les composants dans un `<Panel>` remplacent la table des matières de la page. Les modes de page qui masquent la table des matières (`mode: "wide"`, `mode: "center"` et `mode: "custom"`) masquent également le composant `<Panel>`.

```mdx
<Panel>
  <Info>Épinglez des infos dans le panneau latéral. Ou ajoutez un autre composant.</Info>
</Panel>
```

<Panel>
  <Info>
    Épinglez des infos dans le panneau latéral. Ou ajoutez un autre composant.
  </Info>
</Panel>