useOpenCloseState

It's designed to simplify the management of open/close states, such as for modals, dropdowns, or accordions.

Signature

function useOpenCloseState(initialState?: boolean): {
  isOpen: boolean
  open: () => void
  close: () => void
  toggle: () => void
}

Usage

Here's a basic usage example:

import { useOpenCloseState } from "dogu-utils"

function ExampleComponent() {
  const { isOpen, open, close } = useOpenCloseState()

  return (
    <div>
      <button onClick={open}>Open</button>
      <button onClick={close}>Close</button>
      {isOpen ? (
        <div>This is an open state</div>
      ) : (
        <div>This is a closed state</div>
      )}
    </div>
  )
}