liuhuapiaoyuan / react-spring-dnd

🕊 A deadly simple drag and drop solution using react-spring

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	Display as row
onDragEnd	function	-	onDragEnd callback, (order) => void
children	array	[]	Draggable items

License

MIT License © nanxiaobei