# 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
# 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:03/12/2025, 5:21:30 PM