useClickOutside

Outside click callback trigger.

1 KB

•

Updated on September 3, 2026

Outside

Closed

Installation

Bash

pnpm dlx shadcn@latest add @spaceui/hooks-dom-use-click-outside

pnpm dlx shadcn@latest add @spaceui/hooks-dom-use-click-outside

Code

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

const ref = React.useRef(null)
useClickOutside(ref, () => setOpen(false))

Parameter	Type	Default	Description
`ref`	RefObject<HTMLElement>	required	Target element.
`handler`	(e) => void	required	Callback.

Returns void.

On This Page

pnpm dlx shadcn@latest add @spaceui/hooks-dom-use-click-outside