React Pan Zoom Element

NPM Version NPM Downloads

Installation

npm install react-pan-zoom-element --save

Usage

Add the CSS file

  <link rel="stylesheet" type="text/css" href="path/to/react-pan-zoom-element/components.css">

Import the PanZoomElement

import React from 'react';
import ReactDOM from 'react-dom';
import PanZoomElement from 'react-pan-zoom-element';

const App = () => (
  <PanZoomElement width={100} height={100}>
    <h1>Zoomable thing</h1>
  </PanZoomElement>
);
ReactDOM.render(
  <App />,
  document.getElementById('app')
);