---
title: Usage
position: 2
seo_title: Guidelines for Using the Tooltip Component
seo_description: Get the knack of the Telerik and Kendo UI Tooltip and learn how to
  use and implement the component by following the instructions and
  recommendations in the user guidelines created by our designers.
---
## Usage Guidelines

The Telerik and Kendo UI Tooltip requires you to follow some basic principles when using the component.

### Purpose

Tooltips are important UI elements for providing brief, additional context or instructions in a non-intrusive way. They are ideal for enhancing the user's understanding without complicating the interface. However, for more complex or interactive content, [Popover](/components/popover/) components are a better choice as they provide more detail and functionality while keeping the interface clean and user-friendly.

<DosDonts>
<Do description="Use tooltips to provide clear and concise text-based information that improves the user's understanding without overwhelming them.">![A Telerik and Kendo UI Tooltip providing instructional information without overwhelming the user.](images/components-tooltip-usage-purpose-do.png "Show Telerik and Kendo UI Tooltips in your interface to improve the user's understanding of the respective element.")</Do>
<Dont description="Avoid embedding interactive elements in tooltips; for more complex or engaging content, use a Popover component instead.">![A Telerik and Kendo UI Tooltip overloaded with information and action buttons.](images/components-tooltip-usage-purpose-dont.png "Don't render interactive elements in your Telerik and Kendo UI Tooltips.")</Dont>
</DosDonts>


### Concise Content

The effectiveness of tooltips hinges on their ability to convey information concisely. By limiting tooltip content to a few words or a single sentence, they can provide essential hints or brief explanations without overwhelming the user. Concise tooltips enhance the user experience by adding clarity without obscuring significant portions of the interface or creating information overload.

<DosDonts>
<Do description="Use concise tooltips, ideally one or two words, but no more than a single sentence to keep the information clear and direct.">![A Telerik and Kendo UI Tooltip providing additional information in a concise and clear manner.](images/components-tooltip-usage-concise-content-do.png "Limit the length of your Telerik and Kendo UI Tooltips to one or two words, or a single sentence at maximum.")</Do>
<Dont description="Avoid lengthy descriptions in tooltips as they can overwhelm users and obscure a significant portion of the interface, detracting from the overall user experience.">![A lengthy Telerik and Kendo UI Tooltip obscuring the interface and overwhelming the user with information.](images/components-tooltip-usage-concise-content-dont.png "Don't include too much information in your Telerik and Kendo UI Tooltips because this might hinder the user experience.")</Dont>
</DosDonts>


### Important Information

It's vital to keep crucial information directly visible in the user interface, rather than hidden in tooltips. Tooltips have limited discoverability and can pose usability challenges, particularly on devices without hover functionality. Relying on tooltips to convey essential information can impede task completion.

<DosDonts>
<Do description="Ensure that essential information crucial for task completion is always visible and readily accessible to the user, not hidden or obscured.">![A new password field listing all password requirements in a clear and helpful way, instead of hiding them within a tooltip or popover.](images/components-tooltip-usage-important-information-do.png "Always make the information essential for completing a task clearly visible and easy to access.")</Do>
<Dont description="Avoid placing important information solely in tooltips, as they can be easily missed due to low discoverability and may present usability challenges on devices lacking hover interactions.">![A Telerik and Kendo UI Tooltip used for listing password requirements.](images/components-tooltip-usage-important-information-dont.png "Don't use Telerik and Kendo UI Tooltips to show essential information that must be easily discoverable and accessible.")</Dont>
</DosDonts>