Skip to content

LeoNero/react-img-zoom

master
Switch branches/tags
Code

NPM version GitHub Stars GitHub Issues MIT Licence CircleCI

A react component to zoom images on hover
A gif that shows an image beeing zoomed with a mouse

Installation

npm install react-img-zoom

Basic usage

The component has only four required props: the link to the image, the zoom scale, the width and height (in pixels).

import Zoom from 'react-img-zoom'

<Zoom
  img="link-to-img"
  zoomScale={3}
  width={600}
  height={600}
/>

You can refer to the docs for more information and a live demo!

To do

About

🔬 A React component to zoom images on hover https://react-img-zoom.netlify.com/

Resources

License

Stars

Watchers

Forks

Packages

No packages published