All Components

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 widget.

To initialize the Tooltip, either:

Basic Usage

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

<div id="vueapp" class="vue-app" style="width: 150px">
    <kendo-tooltip id="tooltip"
                   title="Tooltip content"
                   :position="'right'">
        Hover me
    </kendo-tooltip>
</div>
Vue.use(PopupsInstaller);
new Vue({ el: '#vueapp' })

Functionality and Features

In this article