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.

Location

Use the location prop to specify on which side of the element the tooltip should show

Events

Delay On Hover

Delay (in ms) after which tooltip opens (when open-on-hover prop is set to true)

V-Model Support

Tooltips can wrap any element.

Transition

Use transition prop to sets the component transition.

Tooltip on Various Elements

Tooltips can wrap any element.