useElementHover

v0.0.15testeddemo

Reactive hover state of an element, driven by `mouseenter` / `mouseleave`. Supports independent enter/leave delays to debounce flicker.

Examples

const el = useTemplateRef('el');
const isHovered = useElementHover(el);

const isHovered = useElementHover(el, { delayEnter: 100, delayLeave: 200 });

Loading demo…

export function useElementHover(
  target: MaybeComputedElementRef,
  options: UseElementHoverOptions ={ ... }

Parameter	Type	Default	Description
`target`	`MaybeComputedElementRef`	—	Element to track (ref, getter, or component instance)
`options`?	`UseElementHoverOptions`	`{}`	Options (`delayEnter`, `delayLeave`, `window`)

UseElementHoverReturnReactive hover state ref