useDisclosure - Empreint

Manage the open/closed state of a disclosure-like UI (popover, dropdown, modal, collapsible). Returns helpers and an optional outside-click handler via a ref.

import { useDisclosure } from "@empreint/ui";

const { isOpen, onToggle, onClose, ref } = useDisclosure();

<div ref={ref}>
	<button onClick={onToggle}>Toggle</button>
	{isOpen && <div>Content</div>}
</div>

Parameters

Prop

Type

Returns

Prop

Type