react-draggable-lists

draggable list app using react & react-motion.

This package is included in react-motion-components.

Install

npm install --save react-draggable-lists

Usage

demo

import * as React from 'react';

import DraggableList from 'react-draggable-lists';

class Example extends React.Component {
  render() {
    return (
      <div>
        <hi>react-draggable-lists</hi>
        <div style={{ width: 300, margin: '0 auto' }}>
          <DraggableList width={300} height={300} rowSize={1}>
            <div style={{ width: 300, height: 300, background: 'green' }}>
              1
            </div>
            <div style={{ width: 300, height: 300, background: 'blue' }}>2</div>
            <div style={{ width: 300, height: 300, background: 'red' }}>3</div>
          </DraggableList>
        </div>
      </div>
    );
  }
}

License

MIT © pjb0811