Hover #
The va-hover component provides easy access to hover states for any component. To work with hover states you can use either v-model or slot-scoped hover property.
Examples #
Default usage #
You can use v-model to get access to hover state.
Slot based access #
You are also free to use Vue default slot.
Disabled #
Won't change value if disabled.
API #
Props #
| Name | Description | Types | Default |
|---|---|---|---|
| disabled | Applies |
|
|
| modelValue | The value of the |
|
|
| preset | Named preset combination of component props. |
| - |
| stateful | Add possibility to work with component without setting |
|
|
Events #
| Name | Description |
|---|---|
update:modelValue | The event is triggered when the component needs to change the model. Is also used by |
Slots #
| Name | Description |
|---|---|
default | Vue default slot. |
FAQ #
Can I wrap multiple elements with va-hover? #
va-hover?Yes, but they will share the hover state value.