使用 Frames 以一致的样式展示图像、示意图、视频或其他视觉内容,并可选添加说明文字。Frames 会将内容居中,并与周围文本形成清晰的视觉分隔。
使用可选的 caption 属性为图像添加额外的说明信息。说明文字会显示在图像下方的框中。
图注支持 Markdown 格式,包括链接和粗体文本。
使用可选的 hint 属性添加显示在框架前面的文本。提示会显示在框架上方。
如果你计划前往优胜美地国家公园,请在出发前先办好许可。
当你将带有 autoPlay 的 video 元素放入框架中时,框架会自动添加 playsInline、loop 和 muted 属性。
<Frame caption="Product demo">
<video autoPlay src="/path/to/video.mp4" />
</Frame>
未设置 autoPlay 的视频不会被自动添加任何额外属性。
作为框架一部分显示的文本,居中显示在内容下方。支持 Markdown 格式,包括链接和加粗文本。
<Frame>
<img src="/path/image.jpg" alt="Descriptive alt text" />
</Frame>