Back
Image Zoom
Satu Visual ComponentNew
An image that zooms within a fixed frame on hover.
Hover to zoom
Installation
Add it with the CLI:
Terminal
$
Or open the Code tab above and copy it in manually — it relies on the standard cn() helper from @/lib/utils.
Usage
Set the frame size on the wrapper via className. Optional caption slides up on hover.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| src | string | — | Image URL. |
| alt | string | — | Alt text. |
| caption | string | — | Caption revealed on hover. |
| className | string | — | Frame classes (set size here). |