react-spring-dnd

A deadly simple drag and drop solution using react-spring

---

Play with this example!

Add

yarn add react-spring-dnd

# or

npm i react-spring-dnd

Use

import SpringList from 'react-spring-dnd';

const App = () => (
  <SpringList>
    {'hello react spring dnd 👋⚛️🌀🦥'.split(' ').map((item) => (
      <div key={item}>{item}</div>
    ))}
  </SpringList>
);

Try

Live demo →

API

| Prop | Type | Default | Description | | ----------- | ---------- | ------- | --------------------------------------- | | row | boolean | false | If show as row | | onDragEnd | function | - | onDragEnd callback, (order) => void | | children | array | [] | Draggable items |

License

MIT License © nanxiaobei