Hover

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

Usage

Easily change the elevation of a card.

API

v-hover
Name
close-delay
Default
0
Type
number | string

Milliseconds to wait before closing component

Name
disabled
Default
false
Type
boolean

Turns off hover functionality

Name
open-delay
Default
0
Type
number | string

Milliseconds to wait before opening component

Name
value
Default
false
Type
boolean

Controls visibility

Examples

Transitions

Create highly customized components that respond to user interaction.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore