# Angular Utilities Overview

The Kendo UI for Angular Utilities deliver a set of helper tools that can be used with Angular components or regular HTML elements to enhance their performance and functionality. They currently include the Drag and Drop and Adaptive Settings functionalities.

The Utilities are built from the ground up and specifically for Angular, so that you get high-performance controls which integrate tightly with your application and with the rest of the Kendo UI for Angular components.

<CtaPanelOverview></CtaPanelOverview>

<Row>
  <Column count={6}>
    <Component href="/utils/draganddrop">
      <ComponentIcon>
        <path d="M4,8H2v16h8v-2H4V8z M10,0v16h8l4-4V0H10z M20,11.2L17.2,14H12V2h8V11.2z M8,4H6v16h8v-2H8V4z"></path>
      </ComponentIcon>
      <ComponentTitle>Drag and Drop</ComponentTitle>
      <ComponentDescription>A set of Angular directives providing drag and drop functionality.</ComponentDescription>
    </Component>
  </Column>
  <Column count={6}>
    <Component href="/utils/adaptive-settings">
      <ComponentIcon>
        <path id="adaptiveness" d="M15,13h2l2-2h-4V13z M11,0v16h8l4-4V0H11z M18.2,14H13V2h8v9.2L18.2,14z M9,5v2H2v11h20v-2.2l2-2V20H14v2h10l-2,2H0v-2h10v-2H0V5H9z"/>
      </ComponentIcon>
      <ComponentTitle>Adaptive Settings</ComponentTitle>
      <ComponentDescription>A set of configuration settings that allow customizing the adaptive behavior of the Kendo UI for Angular components.</ComponentDescription>
    </Component>
  </Column>
</Row>

## Angular Utilities Example

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

## Angular Utilities Key Features

The Kendo UI for Angular Utilities deliver a range of handy and developer-friendly features whose number and further development are not limited by the list in this section. The Kendo UI for Angular team constantly invests efforts to improve the performance and add more value to the existing Utilities library as well as develop new features and controls to it.

### Configuring a Drag Target

You can configure any HTML element or Angular component as a drag target by using the [`DragTarget`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective) directive for single elements or the extended [`DragTargetContainer`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetcontainerdirective) directive for multiple elements within a container. This enables the user to change the position of the elements by dragging them.

### Configuring a Drop Target

You can configure any HTML element or Angular component to handle drag targets that are dropped on it by using the [`DropTarget`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetdirective) directive for single elements or the extended [`DropTargetContainer`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetcontainerdirective) directive for multiple elements within a container.

The directives emit a number of events when a valid drag target interacts with a drop target. This enables you to execute custom logic and fine tune the behavior.

### Auto Scroll and Axis Lock

The Drag and Drop allows you to automatically scroll the nearest scrollable parent element while also providing an option to restrict the drag either to the horizontal or the vertical axis. Read more about the [auto scroll](https://www.telerik.com/kendo-angular-ui-develop/components/utils/draganddrop/autoscroll) and [axis lock](https://www.telerik.com/kendo-angular-ui-develop/components/utils/draganddrop/axis) features.

### Drag Hint

The Drag and Drop utility allows you to dynamically create and customize an element that can be used for the purpose of dragging instead of the drag target element itself. [Read more about the drag hint element...](https://www.telerik.com/kendo-angular-ui-develop/components/utils/draganddrop/hint)

### Adaptive Settings

The Adaptive Settings utility enables you to customize the adaptive behavior of the Kendo UI for Angular components by providing configurable options for the default adaptive breakpoints. [Read more about the adaptive settings configuration...](https://www.telerik.com/kendo-angular-ui-develop/components/utils/adaptive-settings)

## Licensing

The Kendo UI for Angular Utility controls are part of the Kendo UI for Angular library. Kendo UI for Angular offers a 30-day trial with a full-featured version of the library—no restrictions! What’s more, you are eligible for full technical support during your trial period in case you have any questions. Sign up for a [free 30-day trial](https://www.telerik.com/download-login-v2-kendo-angular-ui) of Kendo UI for Angular.

## Support Options

For any questions about the use of Kendo UI for Angular Utilities, or any of our other components, there are [several support options available](https://www.telerik.com/support/kendo-ui-for-angular):

* Kendo UI license holders and anyone in an active trial can take advantage of the Kendo UI for Angular outstanding customer support delivered by the actual developers who built the library. To submit a support ticket, use the [Kendo UI support system](https://www.telerik.com/account/support-tickets).
* [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI  team on all kinds of general issues.
* [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) and [Kendo UI for Angular roadmap](https://www.telerik.com/kendo-angular-ui/roadmap/) provide information on the features in discussion and also the planned ones for release.
* Kendo UI for Angular uses [GitHub Issues](https://github.com/telerik/kendo-angular/issues) as its bug tracker and you can submit any related reports there. Also, check out the [closed list](https://github.com/telerik/kendo-angular/issues?q=is%3Aissue+is%3Aclosed).
* Of course, the Kendo UI for Angular team is active on [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2) as well and you can find a wealth of questions and answers there.
* Need something unique that is tailor-made for your project? Progress offers its [Progress Services](https://www.progress.com/services) group that can work with you to create any customized solution that you might need.

## Learning Resources

* [Getting Started with the Kendo UI for Angular Utilities](https://www.telerik.com/kendo-angular-ui-develop/components/utils/installation/getting-started)
* [API Reference of the Utilities](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api)
* [Getting Started with Kendo UI for Angular (Online Guide)](https://www.telerik.com/kendo-angular-ui-develop/components/getting-started)
* [Video Courses](https://www.telerik.com/kendo-angular-ui-develop/components/getting-started/video-onboarding)
* [Kendo UI for Angular Forum](https://www.telerik.com/forums/kendo-angular-ui)
* [Before You Start: All Things Angular (Telerik Blog Post)](https://www.telerik.com/blogs/all-things-angular)
* [Angular Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
* [Knowledge Base](https://www.telerik.com/kendo-angular-ui-develop/components/knowledge-base)