Frames

Present images, videos, and embeds with an optional caption

Wrap visual content in <Frame>.

​

Usage

<Frame caption="A framed preview">
  <div style={{ padding: "3rem", textAlign: "center" }}>
    Screenshot or video
  </div>
</Frame>

Use width to constrain the frame or fullWidth to fill the content column.

​

Example

Screenshot or video

A framed preview