Documentation

useDisclosure

Boolean state management with open/close/toggle methods.

Installation

pnpm add @rouf-dev/pantheon-ui

Usage

"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