react-img-zoom

A React component to zoom images on hover

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-img-zoom
11970.1.06 years ago6 years agoMinified + gzip package size for react-img-zoom in KB

Readme

<img src="https://i.imgur.com/Z6OW3Yd.png">


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