UPDATE
The original project has added all the benefits provided by this fork, including typescript typings and React 16 updates.
Please use the original react-element-pan as it's being actively maintained.
react-element-pan
React component for allowing panning of DOM-elements too large for their container, in a Google Maps-like way. Supports touch devices and should work on IE8+.
This version has been converted to Typescript and it's compatible with React 16.
Demos
See the demos page for some demos.
Installation
react-element-pan
can be installed using npm:
npm install react-element-pan-ts
Basic usage
var React = ;var ElementPan = ; // Want to use touch events?React; // Render the componentReact; // Or, with JSX:React;
Note that startX/startY only works if the content is large enough when the component is mounted. You might want to set a min-width
/min-height
in your CSS for this to work.
License
Licensed under the MIT License, see LICENSE