New to Kendo UI for Angular? Start a free 30-day trial

Drag Handle

Updated on Jan 20, 2026

By default, the whole DragTarget element is draggable. To specify that only certain child elements will serve as drag handles, apply the DragHandle directive on them. This enables dragging only through the handle element(s), while using the whole drag target for collision detection.

The following example demonstrates the DragHandle directive in action.

Example
View Source
Loading ...
In this article
Suggested Links
Not finding the help you need?
Contact Support