react-pan-zoom-element

2.0.1 • Public • Published

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

Demo

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

/react-pan-zoom-element/

    Package Sidebar

    Install

    npm i react-pan-zoom-element

    Weekly Downloads

    21

    Version

    2.0.1

    License

    MIT

    Last publish

    Collaborators

    • nathanial