GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → mgechev → React Reorderable

mgechev / React Reorderable

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

Programming Languages

javascript
184084 projects - #8 most used programming language

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].