useHover

Category

Sensors

Hook that defines the logic when hovering an element

import { useHover } from '@siberiacancode/reactuse';

Usage

const hovering = useHover(ref, () => console.log('callback'));
// or
const hovering = useHover(ref, options);
// or
const [ref, hovering] = useHover(() => console.log('callback'));
// or
const [ref, hovering] = useHover(options);

Demo

source

Api

Parameters

Name	Type	Default	Note
target	Target	-	The target element to be hovered
callback?	(event: Event) => void	-	The callback function to be invoked on mouse enter

Returns

boolean

Parameters

Name	Type	Default	Note
target	Target	-	The target element to be hovered
options.onEntry?	(event: Event) => void	-	The callback function to be invoked on mouse enter
options.onLeave?	(event: Event) => void	-	The callback function to be invoked on mouse leave

Returns

boolean

Parameters

Name	Type	Default	Note
callback?	(event: Event) => void	-	The callback function to be invoked on mouse enter

Returns

UseHoverReturn<Target>

Parameters

Name	Type	Default	Note
options.onEntry?	(event: Event) => void	-	The callback function to be invoked on mouse enter
options.onLeave?	(event: Event) => void	-	The callback function to be invoked on mouse leave

Returns

UseHoverReturn<Target>

Contributors

Source • Demo