Hooks

useClickOutside

useClickOutside hook.

Installation

pnpm dlx @docyrus/cli add @docyrus/hooks-use-click-outside

Usage

import { useClickOutside } from '@docyrus/ui/hooks/use-click-outside';

function MyComponent() {
  const result = useClickOutside(..., () => {}, 'mousedown');
}

API Reference

ParameterTypeDefaultDescription
refRefObject<T | null> | RefObject<T | null>[]——
handler(event: Event) => void——
eventTypeEventType'mousedown'—

Returns: void

On this page