# Drag-and-Drop Overview

Kendo UI for jQuery provides options to handle drag-and-drop scenarios by combining the `kendoDraggable` and `kendoDropTarget` controls.

`kendoDraggable` enables the Draggable functionality and allows a DOM element to be moved by using the mouse or a finger on touch devices.

`kendoDropTarget` creates the droppable zones and marks a DOM element as a drop target for the Draggable. The `DropTargetArea` enables you to create multiple `DropTarget` elements that are located in the area container which is a useful scenario when the `DropTarget` elements are added dynamically.

![Kendo UI for jQuery Draggable Overview](https://www.telerik.com/kendo-jquery-ui/documentation/assets/6f3b4d694289863c8a04bffe53f372b3/draggable-overview.png)

## Functionality and Features

* [Common Scenarios](https://www.telerik.com/kendo-jquery-ui/documentation/controls/draganddrop/common-scenarios)—Check various scenarios involving the Draggable component.

## Next Steps

* [Getting Started with the Kendo UI Draggable for jQuery](https://www.telerik.com/kendo-jquery-ui/documentation/controls/draganddrop/get-started)
* [Basic Usage of the jQuery Draggable (Demo)](https://demos.telerik.com/kendo-ui/dragdrop/index)
* [JavaScript API Reference of the Draggable](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/draggable)

## See Also

* [Basic Usage of the Drag-and-Drop (Demo)](https://demos.telerik.com/kendo-ui/dragdrop/index)
* [API Reference of Draggable](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/draggable)
* [API Reference of DropTarget](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/droptarget)
* [API Reference of DropTargetArea](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/droptargetarea)