React-Grid-Layout v1.6.4 Demo 23 - External Droppable Containers

• View project on GitHub
• View this example's source
• ⇠ View the previous example: "Cross-Grid Drag and Drop"
• ⇢ View the next example: "Basic Flex Layout"

This demonstrates how to drag items from grids to external drop zones using the Droppable component.

Items can be dropped into collection zones, trash zones, or any custom container.

Drop zones provide automatic CSS class management and drag event callbacks for complete control.