# Dragging

The FloatingToolBar provides an optional drag mode that lets users reposition the component within the viewport. This is useful for design tools, PDF viewers, and other applications where users must park the toolbar anywhere over the workspace.

To enable dragging, set the [`draggable`](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/floatingtoolbarcomponent#draggable) property to `true`. When you enable it, the FloatingToolBar renders a dedicated drag handle in front of the hosted tools. Users can reposition the component by dragging the handle with the pointer or by using the keyboard [Move mode](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/floating-toolbar/keyboard-navigation#move-mode).

The viewport always bounds the drag position, and you cannot configure this behavior.

The following example demonstrates pointer repositioning with `draggable` enabled. It displays the current position and the position where the last drag ended.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/toolbar/floating-toolbar/drag/source.txt)

## Suggested Links

* [API Reference of the FloatingToolBar](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/api/floatingtoolbarcomponent)
* [Events](https://www.telerik.com/kendo-angular-ui-develop/components/toolbar/floating-toolbar/events)