Frames
Envuelve imágenes, videos y otros componentes con el componente frame para añadir bordes estilizados, pies de foto y énfasis visual a tu contenido.
Usa marcos para mostrar imágenes, diagramas, videos 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.
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.
Los pies de foto admiten formato Markdown, incluidos los enlaces y el texto en negrita.
Añade texto que preceda al cuadro usando la prop opcional hint. Las sugerencias aparecen sobre el cuadro.
Cuando colocas un elemento video con autoPlay dentro de un marco, el marco añade los atributos playsInline, loop y muted.
<Frame caption="Product demo">
<video autoPlay src="/path/to/video.mp4" />
</Frame>Los videos sin autoPlay no reciben atributos adicionales de forma predeterminada.
captionstringTexto que aparece como parte del marco, centrado debajo del contenido. Admite formato Markdown, incluidos enlaces y texto en negrita.
hintstringTexto que va antes del marco.
<Frame>
<img src="/path/image.jpg" alt="Texto alternativo descriptivo" />
</Frame>