---
title: Overview
page_title: Tooltip Overview - Components - Kendo UI for Vue
description: "Get an overview of the features the Kendo UI Tooltip wrapper for Vue delivers and use the component in Vue projects."
slug: overview_tooltip_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/tooltip/"
position: 1
---

<div><WrapperBanner link="/kendo-vue-ui/components/tooltip/"></WrapperBanner></div>    

# Tooltip Overview

The Tooltip displays a popup hint for a given `html` element. You can define its content either as statically rendered or dynamically loaded text over AJAX.

The Tooltip wrapper for Vue is a client-side wrapper for the [Kendo UI Tooltip](https://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip) widget.

To initialize the Tooltip, either:

* [For a single element](#toc-basic-usage), or
* [For child elements that will represent Tooltip targets](#toc-multiple-targets).

<div data-component="StartFreeTrialSection"></div>

## Basic Usage

The following example demonstrates the Tooltip in action for a single element.

{% meta height:100 %}
{% embed_file tooltip/basic/main.vue preview %}
{% embed_file tooltip/basic/main.js %}
{% endmeta %}

## Functionality and Features

* [Main properties]({% slug setting_main_properties_tooltip_wrapper %})
* [Multiple targets]({% slug multipletargets_tooltip_wrapper %})
* [Loading content with AJAX]({% slug loading_content_ajax_tooltip_wrapper %})
* [Referencing existing instances]({% slug referencing_existing_instances_tooltip_wrapper %})
* [Templates]({% slug templates_tooltip_wrapper %})

## Suggested Links

* [Kendo UI Tooltip for jQuery](https://docs.telerik.com/kendo-ui/controls/layout/tooltip/overview)
* [API Reference of the Tooltip Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/tooltip)