useHover

Detecta si se pasa el cursor sobre un elemento determinado.

Source
View package
Coverage
Export size

Instalación

npm i @raddix/use-hover

Uso

import { useRef } from 'react';
import { useHover } from '@raddix/use-hover';

export const App = () => {
  const boxRef = useRef<HTMLDivElement>(null);
  const isHovered = useHover(divRef);

  return (
    <div ref={boxRef}>
      {isHovered ? '😁' : '☹️'}
    </div>
  );
};

API

Parámetros

Nombre	Descripción	Required	Tipo
ref	Elemento DOM al que se hace referencia.	Yes	RefObject