Skip to content

πŸ•Š A deadly simple drag and drop solution using react-spring

License

Notifications You must be signed in to change notification settings

nanxiaobei/react-spring-dnd

Repository files navigation

kee.so

Create now ➫ πŸ”— kee.so


react-spring-dnd πŸ•Š

A deadly simple drag and drop solution using react-spring

npm npm npm bundle size npm peer dependency version GitHub


Play

Edit react-spring-dnd

Install

pnpm add react-spring-dnd
# or
yarn add react-spring-dnd
# or
npm i react-spring-dnd

Usage

import SpringList from 'react-spring-dnd';

const App = () => {
  return (
    <SpringList>
      {'hello react spring dnd πŸ‘‹βš›οΈπŸŒ€πŸ¦₯'.split(' ').map((item) => (
        <div key={item}>{item}</div>
      ))}
    </SpringList>
  );
};

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

About

πŸ•Š A deadly simple drag and drop solution using react-spring

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published