modal-library
react modal library
Install
npm i react-modal-library-rayan-dahmena
Usage
In your App.jsx
file
import React from "react"
import { Modal, useModal } from "react-modal-library-rayan-dahmena"
//Create your own component modal content
import MyComponentContent from " *your path* "
const App = () => {
// Declare useModal hook
const { isShowing, toggle } = useModal();
return (
<div>
<button onClick={toggle}>Open Modal</button>
<Modal element={<MyComponentContent />} isShowing={isShowing} toggle={toggle}/>
</div>
)
}
MyComponentContent.jsx
file
import React from "react"
const MyComponentContent = () => {
return(
<div>
My modal content
</div>
)
}
export default MyComponentContent
License
MIT © rayanadir