Frame
Wrap content in a bordered container with an optional caption.
Use the Frame component to visually set apart screenshots, diagrams, or other media with a bordered container and an optional caption.
<Frame></Frame>Add a caption prop to display centered text below the frame:
<Frame caption="The project dashboard shows recent deployments and page analytics.">
</Frame>A placeholder for a screenshot or diagram.
Use the hint prop to display helper text above the frame:
<Frame hint="Click to enlarge" caption="Navigation configuration in docs.json">
</Frame>A placeholder for a screenshot or diagram.