MyModal 모달 라이브러리

간단한 모달을 구현할 수 있는 라이브러리입니다.

설치 방법

npm install npm-modal-practice

사용 방법

MyModal 컴포넌트 불러오기

import MyModal from 'npm-modal-practice';

MyModal 사용하기

<MyModal
  trigger={<button>모달 열기</button>}
>
  <h2>제목</h2>
  <p>내용</p>
</MyModal>

Props

trigger: 모달을 열기 위한 요소. React element 형태로 전달합니다. children: 모달 내부에 들어갈 컨텐츠입니다.

Props 예시

import MyModal from 'my-modal-library';

function App() {
return (
<div>
<MyModal
trigger={<button>모달 열기</button>} >
<h2>제목</h2>
<p>내용</p>
</MyModal>
</div>
);
}

export default App;