> ## Documentation Index
> Fetch the complete documentation index at: https://wiki.another-horizon.eu/llms.txt
> Use this file to discover all available pages before exploring further.

# Frames

> Añade énfasis visual con marcos estilizados alrededor de imágenes y otros componentes.

Usa marcos para mostrar imágenes, diagramas u otros contenidos visuales con un estilo uniforme y leyendas opcionales. Los Frames centran el contenido y aportan separación visual con respecto al texto circundante.

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

<div id="captions">
  ## Pies de foto
</div>

Añade contexto adicional a una imagen con la prop opcional `caption`. Los pies de foto aparecen en el marco situado debajo de la imagen.

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

<div id="hints">
  ## Sugerencias
</div>

Añade texto que preceda al cuadro usando la prop opcional `hint`. Las sugerencias aparecen sobre el cuadro.

<Frame hint="Si planeas visitar el Parque Nacional de Yosemite, obtén tus permisos antes de ir." caption="El Parque Nacional de Yosemite es visitado por más de 3,5 millones de personas cada año.">
  <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="properties">
  ## Propiedades
</div>

<ResponseField name="caption" type="string">
  Texto que aparece como parte del marco, centrado debajo del contenido.
</ResponseField>

<ResponseField name="hint" type="string">
  Texto que va antes del marco.
</ResponseField>

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

  ```mdx Frame con un pie de imagen theme={null}
  <Frame caption="Caption text">
    <img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
  </Frame>
  ```

  ```mdx Frame con una pista theme={null}
  <Frame hint="Hint text">
    <img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
  </Frame>
  ```

  ```mdx Frame con pista y pie de imagen theme={null}
  <Frame hint="Hint text" caption="Caption text">
    <img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
  </Frame>
  ```
</CodeGroup>