Loading...
A dynamic image magnifier component that creates an interactive zoom effect on hover. Features customizable magnification level, smooth transitions, and responsive behavior for enhanced image viewing experience.
Installation
npx shadcn@latest add "https://bucharitesh.in/r/view-magnifier"Props
| Prop | Type | Description | Default |
|---|---|---|---|
| children | React.ReactNode | Children to be magnified | |
| className | string | Additional classes for the container | |
| maxScale | number | Maximum scale of the magnifier | 1.8 |
| onScaleChange | (isActive: boolean) => void | Callback function when the scale changes | |
| onMaxScaleReached | (isAtMax: boolean) => void | Callback function when the maximum scale is reached |
Examples
Loading...
