react-spring-dnd 🕊

A deadly simple drag and drop solution using react-spring

![npm](https://www.npmjs.com/package/react-spring-dnd)
![npm](https://www.npmtrends.com/react-spring-dnd)
![npm bundle size](https://bundlephobia.com/result?p=react-spring-dnd)
![npm peer dependency version](https://github.com/facebook/react)
![GitHub](https://github.com/nanxiaobei/react-spring-dnd/blob/main/LICENSE)

---

Play

![Edit react-spring-dnd](https://codesandbox.io/s/react-spring-dnd-lnz70?fontsize=14&hidenavigation=1&theme=dark&file=/src/App.jsx)

Install

``shell pnpm add react-spring-dnd

`or`


yarn add react-spring-dnd
or

npm i react-spring-dnd


Usage

`jsx import SpringList from 'react-spring-dnd';

const App = () => { return ( {'hello react spring dnd 👋⚛️🌀🦥'.split(' ').map((item) => (

{item}


      ))}
    
  );
};

API

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

License

MIT License © nanxiaobei

FUTAKE

Try FUTAKE in WeChat. A mini app for your inspiration moments. 🌈

!FUTAKE