All Components

Components / Popups / Tooltip

Main Properties

The Tooltip provides configuration options for setting its main properties.

The available configurations allow you to set its:

  • Content
  • Position—In relation to the target of the Tooltip: left, right, top, or bottom.
  • Showing and hiding behavior
  • Dimensions
<div id="vueapp" class="vue-app" style="width: 140px">
    <kendo-tooltip :width="'100'"
                   :height="'100'"
                   :position="'bottom'"
                   :auto-hide="'false'"
                   show-on="click"
                   :content="'getContent'">
        Click Here
    </kendo-tooltip>
</div>
Vue.use(PopupsInstaller);

new Vue({
       el: '#vueapp',
       methods: {
         getContent () {
             return "custom text";
         }
       }
 })
In this article