0.0.2 • Published 4 years ago

rjs-modals v0.0.2

Weekly downloads
-
License
-
Repository
-
Last release
4 years ago

About

rjs-modals is a popup modal solution for react web apps.

Getting Started

Install with npm: npm i rjs-modals Install with yarn yarn add rjs-modals

Include in your project

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

PropsDetails
top{100}
left{20}
right{20}
width{'50%'}
height'50%'
background'black'
animation'backInUp'
border1px solid black'
modalHeader
modalBody
show{show}
setShowModal{(val)=>setShow(val)}

https://frontend.fsdev.studio- Examples

Demo