useDisclosure

모달, 드롭다운, 팝업 등의 열기/닫기 상태를 관리하는데 사용되는 hook 입니다.

import { useDisclosure } from 'layout-component-hp';

Usage

const { isOpen, onOpen, onClose } = useDisclosure();

return (
  <>
    <button type='button' onClick={onOpen}>
      Open Drawer
    </button>
    <Drawer isOpen={isOpen} onClose={onClose}>
      /** Drawer Content */
    </Drawer>
  </>
);