diff --git a/components/frames.mdx b/components/frames.mdx index 5ba8c2e97..03d3d08cb 100644 --- a/components/frames.mdx +++ b/components/frames.mdx @@ -12,16 +12,28 @@ Use frames to display images, diagrams, or other visual content with consistent ## Captions -You can add additional context to an image using the optional `caption` prop. +Add additional context to an image using the optional `caption` prop. Captions appear in the frame below the image. - + Photograph of Yosemite Valley. +## Hints + +Add text that precedes the frame using the optional `hint` prop. Hints appear above the frame. + + + Photograph of a lake surrounded by trees with mountains in the distance in Yellowstone National Park. + + ## Properties - Optional caption text to show centered under your component. + Text that appears as part of the frame, centered below the content. + + + + Text that precedes the frame. @@ -37,4 +49,16 @@ You can add additional context to an image using the optional `caption` prop. Descriptive alt text ``` + +```mdx Frame with a hint + + Descriptive alt text + +``` + +```mdx Frame with both hint and caption + + Descriptive alt text + +```