jamsr_ui_useDisclosure_hook_boolean_state_management.ts

1import { useDisclosure } from "@jamsr-ui/hooks";
2
3const App = () => {
4  const { isOpen, onOpen, onClose, onOpenChange, onToggle } = useDisclosure();
5
6  return (
7    <div>
8      <button type="button" onClick={onOpen}> Open </button>
9      <button type="button" onClick={onClose}> Close </button>
10      <button type="button" onClick={onToggle}> Toggle </button>
11      {isOpen && <div>Content is visible</div>}
12    </div>
13  );
14};
15
16export default App;