This component does not have editable controls yet.
Media
ImageFrame
A framed media primitive for screenshots, product shots, visual examples and editorial layouts.
Component
29
Import
import { ImageFrame } from "@swirski/ui";Playground
Usage
<ImageFrame caption="Studio proof" tone="paper">
<img src="/preview.jpg" alt="Preview" />
</ImageFrame>Props
| Prop | Type | Default | Notes |
|---|---|---|---|
asChild | boolean | false | Renders the child as the root element. |
caption | ReactNode | - | Optional caption pinned inside the frame. |
children | ReactNode | - | Media or visual content rendered inside the frame. |
size | 'sm' | 'md' | 'lg' | "md" | Sets the Swirski size data attribute. |
tone | 'white' | 'black' | 'paper' | "paper" | Applies the frame background and text treatment. |
variant | 'default' | 'plain' | "default" | Toggles the border and offset shadow treatment. |
...divProps | HTMLAttributes<HTMLDivElement> | - | Forwarded to the rendered frame. |