# Drag Handle

By default, the whole DragTarget element is draggable. To specify that only certain child elements will serve as drag handles, apply the [`DragHandle`](https://www.telerik.com/kendo-angular-ui/components/utils/api/draghandledirective) 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.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/utils/draganddrop/handle/source.txt)

## Suggested Links

* [API Reference of the DragHandle](https://www.telerik.com/kendo-angular-ui/components/utils/api/draghandledirective)
* [API Reference of the DragTarget](https://www.telerik.com/kendo-angular-ui/components/utils/api/dragtargetdirective)
* [API Reference of the DropTarget](https://www.telerik.com/kendo-angular-ui/components/utils/api/droptargetdirective)