context api를 사용해 간단한 모달을 구현할 수 있는 라이브러리 입니다.
npm install @kyw0716/woowacourse-scent-modal
- ModalProvider
- useModalStateContext
- useModalActionContext
- BottomSheet
import { ModalProvider } from '@kyw0716/woowacourse-scent-modal';
function App() {
return (
<ModalProvider>
<UsingModalComponent />
</ModalProvider>
);
}
import { BottomSheet } from '@kyw0716/woowacourse-scent-modal';
function UsingModalComponent() {
const { isOpen } = useModalStateContext();
const { openModal } = useModalActionContext();
return (
<>
{isOpen && <BottomSheet>모달</BottomSheet>}
<button onClick={openModal}>모달 열기</button>
</>
);
}