useHover

A hook that tracks whether the element is being hovered.

Code demonstration

const isHovering = useHover(target, {
  onEnter,
  onLeave,
  onChange,
})

const isHovering = useHover(target, {
  onEnter,
  onLeave,
  onChange,
})

Property	Description	Type	Default
target	DOM element or ref	`() => Element` \| `Element` \| `JSX.Element`	-
options	More config	`Options`	-

Property	Description	Type	Default
onEnter	Callback to be executed on mouse hover	`() => void`	-
onLeave	Callback to be executed on mouse leave	`() => void`	-
onChange	Callback to be executed on hover change	`(isHovering: boolean) => void`	-

Property	Description	Type
isHovering	Whether the element is being hovered	`Readonly<Ref<boolean>>`