react-image-zoomer-ch

This React package helps you zoom in a part of an image whenever user mouse over it. It is useful for your e-commerce project.

Demo

https://build-cuonghv911.vercel.app

Install

npm install --save react-image-zoomer-ch

Usage

import React, { Component } from 'react'

import { ReactImageZoomer } from 'react-image-zoomer-ch'

class Example extends Component {
  render() {
    return (
      <div style={{ width: 500 }}>
        <ReactImageZoomer
          imgUrl='https://i.ibb.co/h1C0vFX/ngoc-trinh.jpg'
          alt='demo'
          zoomSize='300px'
          pointerSize='50px'
        />
      </div>
    )
  }
}

License

MIT © cuonghv91