Multiple Drag Contexts

Premium

Updated on Dec 19, 2025

You can configure both Draggable and Droppable functionalities to operate with an explicit context. This allows implementing multiple drag-n-drop scenarios without interference between them.

The following example demonstrates how to create two separate drag-n-drop contexts - one for odd numbers and one for even numbers. Each context has its own draggable and droppable elements and operates independently.

Change Theme

Theme

Loading ...

Suggested Links

• Getting Started with the KendoReact Layout Package
• API Reference of the useDraggable hook
• API Reference of the useDroppable hook
• API Reference of the Draggable Component
• API Reference of the Droppable Component
• API Reference of the DragAndDrop Component