useHover

Rastrea si el mouse está sobre un elemento.

Importar

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

Propiedad	Tipo	Descripción
ref	RefObject<T>	Ref para adjuntar al elemento
isHovered	boolean	True cuando el mouse está sobre el elemento