Image Zoom
Image zoom is a component that allows you to zoom in on an image.
Installation
npx shadcn-svelte@latest add http://adv76.github.io/kibo-svelte/r/image-zoom.json
Features
- Zoom in on images with a click or tap
- Customizable zoom button appearance and position
- Smooth transitions for zooming in and out
- Customizable backdrop with blur effect
- Support for both controlled and uncontrolled zoom states
- Accessible keyboard navigation
- Touch-friendly for mobile devices
- Customizable styling through className props
- Reduced motion support for animations
- Works with any image, SVG, or element with role="img"