react-glass-zoom
v1.1.16
Published
React Glass Zoom is a React component that provides a magnification effect on images, similar to a magnifying glass. This component is highly customizable and easy to integrate into your React applications.
Downloads
85
Maintainers
Readme
React Glass Zoom
React Glass Zoom is a React component that provides a magnification effect on images, similar to a magnifying glass. This component is highly customizable and easy to integrate into your React applications.
Features
- Simple and easy to use
- Highly customizable magnifier size and zoom level
- No dependencies other than React
Installation
Install the package via npm:
npm i react-glass-zoom
Usage
javascript
import GlassZoom from 'react-glass-zoom';
<GlassZoom>
<img
src='https://placehold.co/600x400/EEE/31343C'
alt='My Image'
magnifierHeight={200}
magnifieWidth={200}
zoomLevel={3}
/>
</GlassZoom>;
Example
Licence
MIT