Wondering what’s next for npm?Check out our public roadmap! »

rkta-sortable

0.0.8 • Public • Published

RKTA Sortable

Simple sortable for react with touch support and minimal side effects

Example

<ul>
  <Sortable
    emmiterProps={{ className: 'fade' }}
    ghostProps={{ className: 'boxShadow' }}
    moveRecipient={true}
    receiverProps={{ className: 'highlight' }}
    onSortComplete={(position, nextPosition) => console.log({ position, nextPosition })}
    onSortMove={currentPosition => console.log({ currentPosition })}
  >
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </Sortable>
</ul>

Note

Sortable needs refs to the children DOM nodes. If you use HOC-decorated children, then you need to implement custom ref handler prop in your HOC and pass it's name as refInterface.

Sortable does not add any nodes to the DOM, except of the ghost element, which is actually a copy of the pressed element.

Install

npm i rkta-sortable

DownloadsWeekly Downloads

10

Version

0.0.8

License

MIT

Unpacked Size

9.66 kB

Total Files

5

Last publish

Collaborators

  • avatar