# 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

v-tooltip

# Caveats

In order for v-tooltip to be positioned correctly a position prop ( top | bottom | left | right ) is required

# Examples

# Props

# Alignment

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

# Color

Tooltip color can be set with the color prop.

# Visibility

Tooltip visibility can be programmatically changed using v-model.

Ready for more?

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

Edit this page on GitHub

Last updated:11/12/2024, 6:59:50 AM