# Hint Overview

The Hint component enables you to display a hint message to Vue components.

## Basic Usage

Add the Hint component after the desired editor. Then set the [`id`](https://www.telerik.com/kendo-vue-ui-develop/components/labels/api/hintprops#id) property of the Hint and the `aria-describedby` property of the editor.

The following example demonstrates how to add a basic hint message to an input field using the Hint component.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/labels/hint/basic/source.txt)

## Text Direction

The Hint component allows changing the text direction between the start and the end of the element. To change the direction set the [`direction`](https://www.telerik.com/kendo-vue-ui-develop/components/labels/api/hintprops#id) property to `end`.

The following example demonstrates how to change the hint text direction to the end of the element using the `direction` property.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/labels/hint/direction/source.txt)

## Support and Learning Resources

* [Hint Homepage](https://www.telerik.com/kendo-vue-ui/vue-hint)
* [API Reference of the Hint Component](https://www.telerik.com/kendo-vue-ui-develop/components/labels/api/hintprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [Hint Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=hint)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)