Tooltips

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

Props

Location

Use the location prop to specify on which side of the element the tooltip should show. Read more about location here.

v-tooltip/prop-location.vue

Visibility

Tooltip visibility can be programmatically changed using v-model.

v-tooltip/prop-visibility.vue

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.