react-slinky-modal
v1.0.5
Published
react-slinky-modal
Downloads
3
Readme
React-Slinky-Modal
간단한 모달을 구현할 수 있는 라이브러리입니다.
Installation
npm install react-slinky-modal
User Guide
Import
import Modal from 'react-slinky-modal'
Use Library
<Modal isModalOpen={/* 모달 오픈 여부 */} closeModal={/* 모달 닫기 함수 */}>
{/* Modal contents */}
</Modal>
Example
import React, { useState } from "react";
import "./App.css";
import Modal from "react-slinky-modal";
function App() {
const [isModalOpen, setIsModalOpen] = useState(false);
const handleModalOpen = () => {
setIsModalOpen(true);
};
const handleModalClose = () => {
setIsModalOpen(false);
};
return (
<div className="App">
<button onClick={handleModalOpen}>Modal Open!</button>
<Modal isModalOpen={isModalOpen} closeModal={handleModalClose}>
<button onClick={handleModalClose}>Close Modal!</button>
</Modal>
</div>
);
}
export default App;