Frame | Fern Documentation

<Frame> 组件为图片和其他媒体提供容器，支持可选的标题和背景。

用法

Markdown

1 <Frame caption="美丽的山脉">
2   <img src="./path/to/image.jpg" alt="Sample photo of mountains"/>
3 </Frame>

Markdown

1 <Frame caption="美丽的山脉" background="subtle">
2   <img src="./path/to/image.jpg" alt="Sample photo of mountains"/>
3 </Frame>

caption

string

显示在框架下方的标题文本

background

'subtle' | 'default'Defaults to 'default'

为框架添加细微背景。使用 “subtle” 获得更柔和的外观。

className

string

应用于框架的额外 CSS 类

1	<Frame caption="美丽的山脉">
2	<img src="./path/to/image.jpg" alt="Sample photo of mountains"/>
3	</Frame>

1	<Frame caption="美丽的山脉" background="subtle">
2	<img src="./path/to/image.jpg" alt="Sample photo of mountains"/>
3	</Frame>