DOM & Events

useHover

Track hover state of elements with enter and leave callbacks.

import { useHover } from "saha-ui"

Uses

Track hover state for an element. Two variants exist in the codebase: one that accepts a ref and returns boolean, and another that returns a callback ref and boolean.

Props

Name	Type	Description	Default
ref	RefObject	Optional ref to monitor.	-

Returns

Name	Description
isHovered	Boolean hover state.
[callbackRef, isHovered]	Callback ref variant return.

Example

const ref = useRef(null);
const isHovered = useHover(ref);
// or
const [hoverRef, isHovered] = useHover();

Notes

Event listeners are mounted/unmounted as refs change; suited for UI hover interactions.