Utilisez des cadres pour afficher des images, des schémas, des vidéos ou d’autres contenus visuels avec un style cohérent et, au besoin, des légendes. Les cadres centrent le contenu et le distinguent visuellement du texte environnant.
Ajoutez un contexte supplémentaire à une image en utilisant la prop optionnelle caption. Les légendes s’affichent dans le cadre sous l’image.
Markdown dans les légendes Les légendes prennent en charge la mise en forme Markdown, y compris les liens et le texte en gras.
Ajoutez un texte qui précède le cadre à l’aide de la prop optionnelle hint. Les conseils apparaissent au-dessus du cadre.
Si vous prévoyez de visiter le parc national de Yosemite, procurez-vous vos autorisations avant votre départ.
Lorsque vous placez un élément video avec autoPlay dans un cadre, celui-ci ajoute les attributs playsInline, loop et muted.
Video with autoPlay
Signaler un code incorrect
< Frame caption = "Product demo" > < video autoPlay src = "/path/to/video.mp4" /> </ Frame >
Les vidéos sans autoPlay ne reçoivent aucun attribut supplémentaire par défaut.
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.
Texte affiché avant le cadre.
Frame
Frame avec une légende
Frame avec du Markdown dans la légende
Frame avec du texte en gras et des liens dans la légende
Frame avec un indice
Frame avec un indice et une légende
Signaler un code incorrect
< Frame > < img src = "/path/image.jpg" alt = "Texte alternatif descriptif" /> </ Frame >
