API Reference
Frames
Frame an image or any block in a bordered, centered figure — with an optional caption and hint.
Frame an image or any block with a bordered, centered figure — with an optional caption below and a hint above. Good for screenshots that need a clean container.
When to use it
Use a frame to give a screenshot or rendered preview a consistent, bordered container with a caption — so it reads as a figure rather than a loose image. For a preview that sits on a hatched backdrop and links somewhere, reach for a Tile instead.
Props
| Prop | Type | Description |
|---|---|---|
caption | ReactNode | Centered caption under the frame |
hint | ReactNode | Muted hint shown above the frame |
children | ReactNode | The framed content |
Live example
Drop an image or any node here.