> ## Documentation Index
> Fetch the complete documentation index at: https://omer-914cc1c6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Cadres

> Enveloppez des images ou d'autres composants dans un conteneur

Utilisez des cadres pour afficher des images, des diagrammes ou d'autres contenus visuels avec un style cohérent et des légendes facultatives. Les cadres centrent le contenu et offrent une séparation visuelle par rapport au texte environnant.

<Frame>
  <img src="https://mintlify-assets.b-cdn.net/yellowstone.jpeg" alt="Photographie d’un lac entouré d’arbres, avec des montagnes au loin, dans le parc national de Yellowstone." />
</Frame>

<div id="captions">
  ## Légendes
</div>

Vous pouvez ajouter des informations supplémentaires à une image à l’aide de la prop optionnelle `caption`.

<Frame caption="Le parc national de Yosemite accueille plus de 3,5 millions de visiteurs chaque année">
  <img src="https://mintlify-assets.b-cdn.net/yosemite.jpg" alt="Photographie de la vallée de Yosemite." />
</Frame>

<div id="properties">
  ## Propriétés
</div>

<ResponseField name="caption" type="string">
  Texte de légende optionnel, affiché centré sous votre composant.
</ResponseField>

<CodeGroup>
  ```mdx Frame theme={null}
  <Frame>
    <img src="/path/image.jpg" alt="Texte alternatif descriptif" />
  </Frame>
  ```

  ```mdx Frame with a caption theme={null}
  <Frame caption="Texte de légende">
    <img src="/path/image.jpg" alt="Texte alternatif descriptif" />
  </Frame>
  ```
</CodeGroup>