rjs-modals is a popup modal solution for react web apps.
Install with npm:
npm i rjs-modals
Install with yarn
yarn add rjs-modals
import Modals from 'rjs-modals/Modals
function App(){
const [show,setShow] = useState(false)
return(
<div>
<button onClick={()=>setShow(true)}>SHOW MODAL</button>
<Modals
top={100}
left={20}
right={20}
width={'50%'}
height='50%'
background='black'
animation='backInUp'
border='1px solid black'
modalHeader=<ModalHeader/>
modalBody =<ModalBody/>
show={show}
setShowModal={(val)=>setShow(val)}
/>
</div>
)
}
export default App;
Props | Details |
---|---|
top | {100} |
left | {20} |
right | {20} |
width | {'50%'} |
height | '50%' |
background | 'black' |
animation | 'backInUp' |
border | 1px solid black' |
modalHeader | |
modalBody | |
show | {show} |
setShowModal | {(val)=>setShow(val)} |
https://frontend.fsdev.studio- Examples