react-glass-magnifier

A React image magnifying glass

Usage no npm install needed!

<script type="module">
  import reactGlassMagnifier from 'https://cdn.skypack.dev/react-glass-magnifier';
</script>

README

react-glass-magnifier

A React image magnifying glass component. Example

NPM JavaScript Style Guide

Install

npm install --save react-glass-magnifier

Usage

import * as React from 'react'

import Magnifier from 'react-glass-magnifier'

class Example extends React.Component {
  render () {
    return (
      <div className="image-container">
        <Magnifier
          imageUrl="images/daylight-environment-forest-small.jpg"
          imgAlt="small image"
          zoomFactor={3}
          glassDimension={200}
          largeImageUrl="images/daylight-environment-forest-large.jpg"
          glassBorderColor="red"
          glassBorderWidth={2} />
      </div>
    )
  }
}

License

MIT © amanulchowhury