react-magnifying-glass v0.1.1

react-magnifying-glass

React Magnifier is a versatile react component which allows the user to create a zoom pane for an image that they input.

The user needs to specify the image url and size of the original image as well as the zoom level of the zoom pane.

This will then create a box underneath the original image which will show the zoomed portion of the image as the mouse is hovered over it.

Installation

$ npm install react-magnifier --save

Usage

After installing add the line of code below to your main javascript file. e.g. app.js

var magnify = require('react-magnifier');

The properties that you can set are defined below. In your HTMl file add whatever you've named your component and then the properties that you'd like to add from the list below.

<magnify width={300}

Basic Setup & Values