Kendo UI for Angular Tooltip Overview

The Tooltip represents a popup with information that is related to a UI element and which is displayed when this UI element is focused or hovered over.

The Tooltips Package is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Kendo UI for Angular Tooltip directive in action.

View Source
Change Theme:

Angular Tooltip Key Features

The Kendo UI for Angular Tooltip directive delivers 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 ongoing efforts to improve the performance and add more value to the existing Tooltip directive as well as develop new features to it.

Anchor Elements

The Tooltip allows you to specify which elements (anchors) will render a tooltip. Read more about the anchor elements functionality of the Tooltip...

Programmatic Opening

The Tooltip provides options for consuming its API programmatically. Read more about the programmatic consumption of the Tooltip API...

Closable Tooltip

The Tooltip provides an option for closing its content with a button. Read more about the closable Tooltip feature...


The Tooltip allows you to change the position in which it is opened. Read more about the positioning feature of the Tooltip...


The Tooltip enables you to provide a custom template for its content. Read more about the content template feature of the Tooltip...

Support and Learning Resources

Additional Resources