Skip to main content
Use frames to display images, diagrams, or other visual content with consistent styling and optional captions. Frames center content and provide visual separation from surrounding text.
Photograph of a lake surrounded by trees with mountains in the distance in Yellowstone National Park.

​
Captions

Add additional context to an image using the optional caption prop. Captions appear in the frame below the image.
Photograph of Yosemite Valley.

​
Markdown in captions

Captions support markdown formatting, including links and bold text.
Photograph of Yosemite Valley.
Photograph of a lake surrounded by trees with mountains in the distance in Yellowstone National Park.

​
Hints

Add text that precedes the frame using the optional hint prop. Hints appear above the frame.

If you plan to visit Yosemite National Park, secure your permits before you go.

Photograph of a lake surrounded by trees with mountains in the distance in Yellowstone National Park.

​
Properties

​
caption
string
Text that appears as part of the frame, centered below the content. Supports markdown formatting including links and bold text.
​
hint
string
Text that precedes the frame.
<Frame>
  <img src="/path/image.jpg" alt="Descriptive alt text" />
</Frame>