Skip to content

useClickOutside ​

sensors
test coverage
Last changed: 1 hour ago

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

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

Usage ​

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

Demo ​

Api ​

Parameters

NameTypeDefaultNote
targetHookTarget-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

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

Source ​

Source • Demo

Contributors ​

Avatardebabin
Avatarhywax
Avataryrsluv

Released under the MIT License.