react-very-easy-modal
Version:
easy modal library
39 lines (30 loc) • 846 B
Markdown
<div align="center">
<h1>react-very-easy-modal</h1>
</div>
```bash
npm install react-very-easy-modal
```
```jsx live
import { createModal, useModal } from "react-very-easy-modal";
function App() {
const Modal = createModal();
const { isVisible, showModal } = useModal();
return (
<div>
// Provide the duration(ms) to maintain the modal as an argument to the 'showModal' function.
<button onClick={() => showModal(1000)}>click</button>
// Duration prop should be same as the argument to the 'showModal' function.
<Modal
isVisible={isVisible}
duration={1000}
message={"Clicked!"}
backgroundColor="rgba(0,0,0,0.7)"
/>
</div>
);
}
export default App;
```