useHover

useHover는 element의 hover state를 추적합니다. ref callback과 현재 isHovering boolean을 반환합니다.

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

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

useHoverRef(ref)는 기존 ref를 받아 isHovering boolean을 반환하는 변형입니다.

useClickAway

ref 바깥에서 pointer 이벤트가 발생하면 handler를 호출합니다.

useKey

키 누름 시 handler를 호출합니다.

useHover

목차