Axis Lock

You can use the KendoReact drag callbacks to implement custom logic in your React projects.

The following example implements an axis-lock, which allows users to drag only on a single axis. This restricts the drag either to the horizontal or the vertical axis.

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