Sanish-P / react-draggable-zoom

Easy to intergrate image zoom with draggability for your react projects.

Home Page:https://sanish-p.github.io/react-draggable-zoom/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-draggable-zoom

Easy to intergrate image zoom with draggability for your react projects.

Demo

https://sanish-p.github.io/react-draggable-zoom/

Installation

The package can be installed via yarn:

yarn add react-draggable-zoom

Example

import * as React from 'react';
import DraggableZoom from 'react-draggable-zoom';
import * as sampleImage from "public/assets/images/sample.jpg";

const Demo: React.SFC<{}> = () => {
  return (
    <React.Fragment>
      <DraggableZoom imageSrc={sampleImage} />
    </React.Fragment>
  ) 
}

export default Demo;

Development

The master branch contains the latest version of source code. Clone the repository and play around with included example. To run the example use following commands.

yarn start

About

Easy to intergrate image zoom with draggability for your react projects.

https://sanish-p.github.io/react-draggable-zoom/

License:MIT License


Languages

Language:TypeScript 70.3%Language:JavaScript 28.7%Language:HTML 0.9%