suyoungj/simple-modal

Simple Modal 라이브러리

간단한 모달 컴포넌트를 구현할 수 있는 라이브러리입니다.

설치 방법

npm i @suyoungj/simple-modal

사용 방법

Modal 컴포넌트 불러오기

import Modal from '@suyoungj/simple-modal';

Modal 사용하기

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

Props

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

Props 예시

import Modal from '@suyoungj/simple-modal';

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

export default App;