useClickOutside

sensors

test coverage

Last changed: 17 days ago

Hook to handle click events outside the specified target element(s)

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

Usage

useClickOutside(ref, () => console.log('click outside'));
// or
const ref = useClickOutside<HTMLDivElement>(() => console.log('click outside'));

Demo

source

Api

Parameters

Name	Type	Default	Note
target	HookTarget	-	The target element(s) to detect outside clicks for
callback	(event: Event) => void	-	The callback to execute when a click outside the target is detected

Returns

void

Parameters

Name	Type	Default	Note
callback	(event: Event) => void	-	The callback to execute when a click outside the target is detected

Returns

(node: Target) => void

Source

Source • Demo

Contributors

debabin

hywax

yrsluv