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

ComponentDescription
v-hoverPrimary 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