0.4.4 • Published 2 years ago
use-hovering v0.4.4
use-hovering 🧞
Simple, accessible React hook for tracking hover state.
Install
npm install use-hovering
Usage
Plain
import { useHovering } from 'use-hovering';
export const Example = () => {
const ref = React.useRef();
const hovering = useHovering(ref);
return (
<div ref={ref} tabIndex={0}>
Hover over me!{hovering && ' Hovering!'}
</div>
);
};
With delay
import { useHovering } from 'use-hovering';
export const Example = () => {
const ref = React.useRef();
const hovering = useHovering(ref, {
enterDelay: 250,
exitDelay: 250,
});
return (
<div ref={ref} tabIndex={0}>
Hover over me!{hovering && ' Hovering!'}
</div>
);
};
0.4.4
2 years ago
0.4.3
2 years ago
0.4.2
2 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.3.0
4 years ago
0.3.2
4 years ago
0.3.1
4 years ago
0.2.2
4 years ago
0.2.1
4 years ago
0.2.0
4 years ago
0.1.5
4 years ago
0.1.4
4 years ago
0.1.2
4 years ago
0.1.3
4 years ago
0.1.1
4 years ago
0.1.0
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago