fn
useElementHover
v0.0.14testeddemoReactive hover state of an element, driven by mouseenter /
mouseleave. Supports independent enter/leave delays to debounce flicker.
Examples
ts
const el = useTemplateRef('el');
const isHovered = useElementHover(el);ts
const isHovered = useElementHover(el, { delayEnter: 100, delayLeave: 200 });Demo
Loading demo…
Signature
ts
export function useElementHover(
target: MaybeComputedElementRef,
options: UseElementHoverOptions ={ ... }Parameters
| Parameter | Type | Description |
|---|---|---|
target | MaybeComputedElementRef | Element to track (ref, getter, or component instance) |
options? | UseElementHoverOptions | Options (delayEnter, delayLeave, window) |
Returns
UseElementHoverReturnReactive hover state ref