Skip to content

LeoNero/react-img-zoom

Repository files navigation

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