useHover

Rastreia se o mouse está sobre um elemento.

Importação

import { useHover } from 'asterui'

Uso

function HoverExample() {
  const { ref, isHovered } = useHover<HTMLDivElement>()

  return (
    <div
      ref={ref}
      className={isHovered ? 'bg-blue-500' : 'bg-gray-500'}
    >
      {isHovered ? 'Hovering!' : 'Hover me'}
    </div>
  )
}

Valor de Retorno

Propriedade	Tipo	Descrição
ref	RefObject<T>	Ref para anexar ao elemento
isHovered	boolean	Verdadeiro quando o mouse está sobre o elemento