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

# Marcos

> Encierra imágenes u otros componentes en un contenedor

Usa marcos para mostrar imágenes, diagramas u otro contenido visual con un estilo uniforme y leyendas opcionales. Los marcos centran el contenido y lo separan visualmente del texto circundante.

<Frame>
  <img src="https://mintlify-assets.b-cdn.net/yellowstone.jpeg" alt="Fotografía de un lago rodeado de árboles, con montañas a lo lejos en el Parque Nacional de Yellowstone." />
</Frame>

<div id="captions">
  ## Leyendas
</div>

Puedes agregar contexto adicional a una imagen usando la prop opcional `caption`.

<Frame caption="El Parque Nacional de Yosemite recibe más de 3,5 millones de visitantes cada año">
  <img src="https://mintlify-assets.b-cdn.net/yosemite.jpg" alt="Fotografía del valle de Yosemite." />
</Frame>

<div id="properties">
  ## Propiedades
</div>

<ResponseField name="caption" type="string">
  Texto de pie de foto opcional que se muestra centrado debajo de tu componente.
</ResponseField>

<CodeGroup>
  ```mdx Frame
  <Frame>
    <img src="/path/image.jpg" alt="Descriptive alt text" />
  </Frame>
  ```

  ```mdx Frame with a caption
  <Frame caption="Caption text">
    <img src="/path/image.jpg" alt="Descriptive alt text" />
  </Frame>
  ```
</CodeGroup>