New to Kendo UI for Angular? Start a free 30-day trial
DragHandleDirective
Updated on Jun 17, 2025
Represents the Kendo UI DragHandle directive for Angular. Use this directive to specify an element inside a drag target as a handle for dragging instead of the drag target itself.
html
<div kendoDragTarget> <button kendoDragHandle kendoButton> Drag me </button> </div>Selector
[kendoDragHandle]
Export Name
Accessible in templates as #kendoDragHandleInstance="kendoDragHandle"
Fields
| Name | Type | Default | Description |
|---|---|---|---|
cursorStyle | | | Sets the cursor style of the drag handle. Accepts same values as the CSS |