---
title: Overview
position: 1
seo_title: Overview of the Hint Component
seo_description: Learn about the basic features of the Telerik and Kendo UI Hint component.
---
## Hint Overview

The Hint component is a user interface element that provides contextual guidance or information related to form fields or input components. It is displayed as a brief text snippet positioned below the associated field, offering helpful tips, instructions, or examples to assist users in completing the form accurately. Hints are designed to enhance the user experience by providing clarity and reducing confusion, improving the usability and accessibility of the form.

By default, the Hint can be set as part of the Telerik and Kendo UI Form component. Custom components that do not contain form element would require setting additional properties.

### Anatomy

The anatomy of the Hint summarizes the elements of the component. 

The next image shows the anatomy of a Hint and includes the following elements:

<BlueprintImage data='{"description":"","labels":[{"text":"Associated component"},{"text":"Hint"}]}'>![A Telerik and Kendo UI Hint component.](images/components-hint-overview-anatomy.png "Anatomy and elements of a Telerik and Kendo UI Hint component.")</BlueprintImage>

Despite the default left alignment, you can also allign the Telerik and Kendo UI Hint to the right by setting the `direction` configuration to `end`:

<BlueprintImage data='{"description":"","labels":[]}'>![A Telerik and Kendo UI Hint component alligned to the right](images/components-hint-overview-alignment.png "A representation of a Telerik and Kendo UI Hint component that is alligned to the right")</BlueprintImage>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
  
<ExternalResource data='{"title":"Kendo UI for Angular FormField","description":"Find more information about the Kendo UI for Angular FormField in the official product documentation of the component.","url":"http://www.telerik.com/kendo-angular-ui/components/inputs/formfield/hints-errors/"}'>![Kendo UI for Angular logo.](/images/angular-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for Blazor Form Items","description":"Find more information about the Telerik UI for Blazor Form Items in the official product documentation of the component.","url":"https://docs.telerik.com/blazor-ui/components/form/formitems/overview"}'>![Telerik UI for Blazor logo.](/images/blazor-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for jQuery Form Items","description":"Find more information about the Kendo UI for jQuery Form Items in the official product documentation of the component.","url":"https://docs.telerik.com/kendo-ui/controls/form/items"}'>![Kendo UI for jQuery logo.](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"KendoReact FormField","description":"Find more information about the KendoReact FormField in the official product documentation of the component.","url":"http://www.telerik.com/kendo-react-ui/components/inputs/formfield/hints-errors/"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Kendo UI for Vue FormField","description":"Find more information about the Kendo UI for Vue FormField in the official product documentation of the component.","url":"http://www.telerik.com/kendo-vue-ui/components/inputs/formfield/hints-errors/"}'>![Kendo UI for Vue logo.](/images/vue-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core Form Items","description":"Find more information about the Telerik UI for ASP.NET Core Form Items component.","url":"https://docs.telerik.com/aspnet-core/html-helpers/layout/form/items"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC Form Items","description":"Find more information about the Telerik UI for ASP.NET MVC Form Items component.","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/layout/form/items"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>

</Wrap>