Core Solution Unified Modal

Skill File

Core Solution Unified Modal

Core Solution(MindGarden) 모달 컴포넌트 표준. 모든 모달은 공통 UnifiedModal 사용 필수. 커스텀 오버레이/래퍼 금지.

beta06290 starsMar 17, 2026

Occupation
Categories: Framework Internals

Skill Content

UnifiedModal 룰 (모달 통일성)

모달을 추가·수정할 때 반드시 이 스킬을 적용하세요. 모든 모달은 통일성을 위해 공통 모달(UnifiedModal)로만 구현합니다.

필수

UnifiedModal만 사용: frontend/src/components/common/modals/UnifiedModal.js import
커스텀 래퍼 금지: mg-v2-modal-overlay, mg-v2-ad-b0kla-modal-overlay, mg-v2-modal, mg-v2-ad-b0kla-modal 등 별도 오버레이/모달 div 사용 금지. UnifiedModal이 overlay + modal shell 제공.
MgModal, MgModal.js, mg-v2-ad-modal, BaseModal, ErpModal 등 기타 모달 사용 금지
기존 모달 수정 시 UnifiedModal로 일괄 마이그레이션 (예: MappingCreationModal, VacationModal, MessageSendModal 등)

UnifiedModal props

isOpen, onClose, title, subtitle, children, size(small/medium/large/fullscreen), variant, backdropClick, showCloseButton, actions, loading, className