Hover
The v-hover component provides a simple interface for handling hover states for any component.
Usage
v-hover is a renderless component that uses the default slot to provide scoped access to its internal model; as well as mouse event listeners to modify it. To explicitly control the internal state, use the model-value property.
API
| Component | Description |
|---|---|
| v-hover | Primary Component |
Examples
Props
Disabled
The disabled prop disables the hover functionality.
Open and close delay
Delay v-hover events by using open-delay and close-delay props in combination or separately.
Misc
Hover list
v-hover can be used in combination with v-for to make a single item stand out when the user interacts with the list.
Transition
Create highly customized components that respond to user interaction.
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 onGitHub