> ## 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.

# Frames

> Envuelve imágenes u otros componentes en un contenedor

Usa frames para mostrar imágenes, diagramas u otro contenido visual con un estilo uniforme y subtítulos opcionales. Los frames centran el contenido y proporcionan separación visual 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">
  ## Subtítulos
</div>

Puedes añadir 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 opcional de la leyenda que se muestra centrado debajo de tu componente.
</ResponseField>

<CodeGroup>
  ```mdx Frame theme={null}
  <Frame>
    <img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
  </Frame>
  ```

  ```mdx Frame with a caption theme={null}
  <Frame caption="Texto de la leyenda">
    <img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
  </Frame>
  ```
</CodeGroup>