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 |