Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 27 additions & 1 deletion es/components/frames.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,20 @@ Añade contexto adicional a una imagen con la prop opcional `caption`. Los pies
<img src="https://mintlify-assets.b-cdn.net/yosemite.jpg" alt="Fotografía del valle de Yosemite." />
</Frame>

<div id="markdown-in-captions">
### Markdown en los pies de foto
</div>

Los pies de foto admiten formato Markdown, incluidos los enlaces y el texto en negrita.

<Frame caption="Obtén más información sobre el [Parque Nacional Yosemite](https://www.nps.gov/yose/index.htm) y planifica tu visita.">
<img src="https://mintlify-assets.b-cdn.net/yosemite.jpg" alt="Fotografía del valle de Yosemite." />
</Frame>

<Frame caption="**Importante:** Consulta el [sitio web del parque](https://www.nps.gov/yose/index.htm) para conocer las condiciones actuales.">
<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="hints">
## Sugerencias
</div>
Expand All @@ -35,7 +49,7 @@ Añade texto que preceda al cuadro usando la prop opcional `hint`. Las sugerenci
</div>

<ResponseField name="caption" type="string">
Texto que aparece como parte del marco, centrado debajo del contenido.
Texto que aparece como parte del marco, centrado debajo del contenido. Admite formato Markdown, incluidos enlaces y texto en negrita.
</ResponseField>

<ResponseField name="hint" type="string">
Expand All @@ -56,6 +70,18 @@ Añade texto que preceda al cuadro usando la prop opcional `hint`. Las sugerenci
</Frame>
```

```mdx Frame con Markdown en el pie de imagen
<Frame caption="Visit the [documentation](/docs) for more details">
<img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
</Frame>
```

```mdx Frame con texto en negrita y enlaces en el pie de imagen
<Frame caption="**Note:** See the [official guide](https://example.com) for setup instructions">
<img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
</Frame>
```

```mdx Frame con una pista
<Frame hint="Hint text">
<img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
Expand Down
28 changes: 27 additions & 1 deletion fr/components/frames.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,20 @@ Ajoutez un contexte supplémentaire à une image en utilisant la prop optionnell
<img src="https://mintlify-assets.b-cdn.net/yosemite.jpg" alt="Photographie de la vallée de Yosemite." />
</Frame>

<div id="markdown-in-captions">
### Markdown dans les légendes
</div>

Les légendes prennent en charge la mise en forme Markdown, y compris les liens et le texte en gras.

<Frame caption="En savoir plus sur le [parc national de Yosemite](https://www.nps.gov/yose/index.htm) et planifiez votre visite.">
<img src="https://mintlify-assets.b-cdn.net/yosemite.jpg" alt="Photo de la vallée de Yosemite." />
</Frame>

<Frame caption="**Important :** Consultez le [site du parc](https://www.nps.gov/yose/index.htm) pour connaître les conditions actuelles.">
<img src="https://mintlify-assets.b-cdn.net/yellowstone.jpeg" alt="Photo d'un lac entouré d'arbres avec des montagnes au loin dans le parc national de Yellowstone." />
</Frame>

<div id="hints">
## Conseils
</div>
Expand All @@ -35,7 +49,7 @@ Ajoutez un texte qui précède le cadre à l'aide de la prop optionnelle `hint`.
</div>

<ResponseField name="caption" type="string">
Texte affiché dans le cadre, centré sous le contenu.
Texte affiché dans le cadre, centré sous le contenu. Prend en charge la mise en forme Markdown, y compris les liens et le texte en gras.
</ResponseField>

<ResponseField name="hint" type="string">
Expand All @@ -56,6 +70,18 @@ Ajoutez un texte qui précède le cadre à l'aide de la prop optionnelle `hint`.
</Frame>
```

```mdx Frame avec du Markdown dans la légende
<Frame caption="Consultez la [documentation](/docs) pour plus de détails">
<img src="/path/image.jpg" alt="Texte alternatif descriptif" />
</Frame>
```

```mdx Frame avec du texte en gras et des liens dans la légende
<Frame caption="**Remarque :** Consultez le [guide officiel](https://example.com) pour les instructions de configuration">
<img src="/path/image.jpg" alt="Texte alternatif descriptif" />
</Frame>
```

```mdx Frame avec un indice
<Frame hint="Texte d'indice">
<img src="/path/image.jpg" alt="Texte alternatif descriptif" />
Expand Down
Loading