Vue Tooltip Component | Kendo UI for Vue
background

Kendo UI for Vue

Vue Tooltip

  • Hassle-free and super customizable Vue tooltips for consistent UI and great UX.
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Tooltip
  • Overview

    The Kendo UI for Vue Tooltip provides a brief message with information related to a specific UI element. The Tooltip can be triggered upon either element hover or element click.

    See the Vue Tooltip demo

    tooltip-overview
  • Anchor Elements

    With flexibility at its core, the Vue Tooltip component can be anchored to any HTML element on a page. This allows you to attach it to any element and provide additional information as users hover over the distinct parts of your Vue application.

    See the Vue Tooltip Anchor Elements demo

    tooltip-anchor-elements
  • Positioning

    By default, the Vue Tooltip comes with built-in logic to help use the available space around the component and automatically determine where and how to display it on the page. You can also specify the position.

    See the Vue Tooltip Positioning demo

    tooltip-positioning
  • Templates

    By default, the Vue Tooltip shows the title of the associated anchor element. You can take it a step further by using a template to populate virtually anything.

    See the Vue Tooltip demo

    tooltip-templates
Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka