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