Have an example in the docs that illustrates dragging multiple elements.

[nikhilbaradwaj]

While the thread #14 started by @gaearon might not be implemented anytime soon, I feel like a workaround approach can be illustrated in the docs if someone wants to use react-dnd for dragging multiple elements.

[nikhilbaradwaj]

If this is something worth doing, I would love to write the example and submit a PR.

[oberoi-ishant]

@nikhilbaradwaj If you have a working example of selecting multiple elements for drag n drop, can you please share it?

[dangreenisrael]

@nikhilbaradwaj That would be amazing

[GreGGus]

@nikhilbaradwaj

[pavel06081991]

@nikhilbaradwaj, Yeah, we would appreciate it

[nikhilbaradwaj]

@pavel06081991 @dangreenisrael @ishantoberoi @GreGGus

Sorry for the late response. The code example for multi-select drag and drop is here - https://github.com/nikhilbaradwaj/ReactMultiDnD

You can test the app here - https://nikhilbaradwaj.github.io/ReactMultiDnD/

[oberoi-ishant]

@nikhilbaradwaj Thank You.

[melvynhills]

If anyone's interested, I implemented a multiple drag / grid view: https://codesandbox.io/s/9j897k0mwy.
You can use cmd/ctrl and shift keys to select multiple items, then drag them around the grid and insert them anywhere.

This is still a demo, but I might package it in a component later.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[Raduuu]

If anyone's interested, I implemented a multiple drag / grid view: https://codesandbox.io/s/9j897k0mwy.
You can use cmd/ctrl and shift keys to select multiple items, then drag them around the grid and insert them anywhere.

This is still a demo, but I might package it in a component later.

Any progress on this? :D

[znwang25]

In case anyone is looking for an example using the new API. Here is my current solution with react-dnd based on @melvynhills's codesandbox. I rewrote the code using new APIs and react hooks.

You can try the live demo here.

I also implemented @nikhilbaradwaj's solution using new APIs and react hooks, you can check out the codesandbox here.

[hanalice]

@melvynhills you are so great!

[dyeprey]

i think this is old but is there documentation where this can be implemented in newer version of react-dnd or using functional component?

thanks.