search

atlassian / react-beautiful-dnd

Beautiful and accessible drag and drop for lists with React
https://react-beautiful-dnd.netlify.app
Other
33.17k stars 2.53k forks source link

Drag and drop within a canvas? #2065

Open frankchau93 opened 3 years ago

frankchau93 commented 3 years ago

Description

Hi there,

I'm not sure if this is a feature already, but is it possible to drag and drop within a giant div or canvas? similar to this: https://react-dnd.github.io/react-dnd/examples/drag-around/naive?touch

This library has great animations and i'd like to use it while dragging and dropping on mobile. I'm unsure if there's an example, it seems like this library is great on dragging lists. Are there examples?

viranmalaka commented 6 months ago

I hope this note will give you the answer: https://www.npmjs.com/package/react-beautiful-dnd#not-for-everyone-%EF%B8%8F

react-beautiful-dnd is a higher level abstraction specifically built for lists (vertical, horizontal, movement between lists, nested lists and so on). Within that subset of functionality react-beautiful-dnd offers a powerful, natural and beautiful drag and drop experience. However, it does not provide the breadth of functionality offered by react-dnd. So react-beautiful-dnd might not be for you depending on what your use case is.