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.

Usage

Tooltips can wrap any element.

API

Examples

Alignment

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

Visibility

Tooltip visibility can be programmatically changed using v-model.

Edit this page on Github | Translate on Crowdin
Vuetify
StoreFor Enterprise