Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UI
- Data Tools
- Date Inputs
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- - Overview
  - Controlled Mode
  - Anchor Elements
  - Positioning
  - Templates
  - Multiple Tooltips
  - Customization
  - SVG Support
  - Events
  - Accessibility
  - API
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Tooltip / Controlled Mode /

New to Kendo UI for Vue? Start a free 30-day trial

Controlled Mode

By default, the Tooltip is in an uncontrolled state and is displayed as the built-in browser Tooltip on mouseover.

The Kendo UI for Vue Native Tooltip provides options for you to show it programmatically by using the open and the targetElement properties.

The following example demonstrates how to show and hide the Tooltip programmatically.

Example

View Source

Change Theme:

Suggested Links

API Reference of the Tooltip

Anchor Elements