# Hover

The v-hover component provides a clean interface for handling hover states for any component.

# Usage

The v-hover component is a wrapper that should contain only one child element, and can trigger an event when hovered over. In order for v-hover to work properly, either the value prop should be set to true or the wrapped element should contain v-slot="{ wrapper }".


# 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 on GitHub
Last updated:09/17/2021, 9:17:47 AM