🪟 CommonModal

범용 레이어 팝업. 사이즈 프리셋, footer 슬롯, ESC·배경클릭 닫기.

라이브 데모

사용법

import { CommonModal } from "~/features/common";

const [open, setOpen] = useState(false);
<CommonModal open={open} onClose={() => setOpen(false)}
  title="삭제 확인" size="md"
  footer={<>
    <button className="btn btn-secondary" onClick={() => setOpen(false)}>취소</button>
    <button className="btn btn-danger" onClick={handleDelete}>삭제</button>
  </>}>
  정말 삭제할까요?
</CommonModal>