Simple react sortable component (for more advanced cases use react-dnd).
JavaScript
Switch branches/tags
Clone or download
James Gilberd
James Gilberd chore: bump npm version
Latest commit 12d6996 Mar 16, 2018

README.md

React Sortable

Sortable component for React. Demo here.

Thanks to @james-ecargo for implementing the React 16 support.

Demo

React.render(
  <ReactReorderable>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
  </ReactReorderable>,
  document.getElementById('container')
);

API

Properties

  • handle - a selector, which provides the handle element
  • mode - grid or list, list will work in the general case but grid is eventually smarter for grid layout

Events

  • onDragStart
  • onDrag
  • onDrop
  • onChange

License

MIT