> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-mintlify-add-hello-world-quickstart-48843.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Cadres

> Encapsulez 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, si besoin, des légendes. Les cadres centrent le contenu et le distinguent visuellement du 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 du contexte à une image à l’aide de la prop facultative `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 facultatif à afficher, centré sous votre composant.
</ResponseField>

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

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