carlobambo / react-pinch-zoom

Pinch and Zoom Image for mobile

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Pinch Zoom

The core library is a fork of PhotoSwipe component for ReactJS.

Installations

NPM

npm install --save react-pinch-zoom

Usage

Style

With webpack:

import 'react-pinch-zoom/dist/style.css';

JS

React Pinch Zoom

import ReactPinchZoom from 'react-pinch-zoom';

let isOpen = true;

let items = [
    {
        src: 'https://dl.dropboxusercontent.com/u/8725581/18982935446_9c0d4157f9_h.jpg',
        w: 1600,
        h: 1067
    }
];

let options = {};

handleClose = () => {
    isOpen: false
};

<ReactPinchZoom isOpen={isOpen} items={items} options={options} onClose={handleClose}  />

About

Pinch and Zoom Image for mobile

License:MIT License


Languages

Language:JavaScript 98.1%Language:CSS 1.7%Language:Shell 0.2%