🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Simple react sortable component (for more advanced cases use react-dnd).

Others React

Documentation

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


You May Also Like