본문으로 건너뛰기

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>
</>
);