Store

For Enterprise

The v-tooltip component is useful for conveying information when a user hovers over an element. You can also programmatically control the display of tooltips through a v-model. When activated, tooltips display a text label identifying an element, such as a description of its function.

Tooltips can wrap any element.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

A tooltip can be aligned to any of the four sides of the activator element

Tooltip visibility can be programmatically changed using v-model.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!