/react-pan-zoom-element

React Element that allows its content to be panned and zoomed.

Primary LanguageJavaScriptMIT LicenseMIT

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')
);

Documentation

http://nathanial.github.io/react-pan-zoom-element/