React-Loupe 🔍

React component to turn ordinary images into images with magnifyer glass overlay.

Install

npm install @walkerandolphsmith/react-loupe

Usage

1. Default

<Loupe image={'url'}></Loupe>

2. Override image styles

<Loupe image={'url'} styles={{ border: '1px solid green' }}></Loupe>

3. Override loupe styles

<Loupe image={'url'} loupeStyles={{ border: '1px solid green', borderRadius: '50%' }}></Loupe>

Development

###Build npm run build

###Open storybook npm start