react-modal-simple-customizable
v1.0.8
Published
A simple and customizable react modal dialog component for React.JS
Downloads
7
Maintainers
Readme
react-modal-simple-customizable
It is simple React modal dialog which can be fully and easily customized
Installation:
npm install react-modal-simple-customizable
or
yarn add react-modal-simple-customizable
or
pnpm add react-modal-simple-customizable
Usage :
Add Modal
to your component:
import React, { useState } from 'react'
import { Modal } from 'react-modal-simple-customizable'
const App = () => {
const [showModal, setShowModal] = useState(false)
const onCloseHandler = () => setShowModal(false)
return (
<div className='App'>
<button type='button' onClick={() => setShowModal(true)}>
Show Modal
</button>
<Modal onClose={onCloseHandler} show={showModal}>
<h1>Modal title</h1>
<p>modal paragraph</p>
<button type='button' onClick={onCloseHandler}>
Close
</button>
</Modal>
</div>
)
}