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

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 slot-scope="{ wrapper }".


제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

The disabled prop disables the hover functionality.

Delay v-hover events by using open-delay and close-delay props in combination or separately.

v-hover can be used in combination with v-for to make a single item stand out when the user interacts with the list.

Create highly customized components that respond to user interaction.

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!