Documentation
useDisclosure
Boolean state management with open/close/toggle methods.
Installation
pnpm add @rouf-dev/pantheon-uiUsage
"use client";
import { useDisclosure } from "@rouf-dev/pantheon-ui";
import { Button, Dialog } from "@rouf-dev/pantheon-ui";
export function ModalDemo() {
const { isOpen, open, close, toggle } = useDisclosure();
return (
<div>
<Button onClick={open}>Open Modal</Button>
<Dialog open={isOpen} onOpenChange={close}>
{/* Dialog content */}
</Dialog>
</div>
);
}Return Value
isOpen: Boolean state
open: Function to set state to true
close: Function to set state to false
toggle: Function to toggle state