ilokesto

useHover

useHover tracks hover state on an element. Returns a ref callback and the current isHovering boolean.

import { useHover } from '@ilokesto/utilinent/hooks';

function Tooltip() {
  const { ref, isHovering } = useHover();
  return <div ref={ref}>{isHovering ? 'Hovering' : 'Idle'}</div>;
}

useHoverRef(ref) is a variant that accepts an existing ref and returns the isHovering boolean.

useClickAway

Invoke a handler when a pointer event occurs outside a ref.

useKey

Invoke a handler on a key press.

On this page

useHover