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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

61 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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