Drag Nodes Out of the Tree

The dragged node's data rides along on the react-dnd drag item, so a drop target outside the tree can read it. Both the tree and the drop zone below share one react-dnd backend (via the dndManager prop), and the drop zone accepts the default "NODE" type. Internal reordering still works.

📂Documents
📂Downloads
Dropped here

Drag any node onto this zone.

Back to Demos