rjs-modals
v0.0.2
Published
rjs-modals is a popup modal solution for react web apps.
Downloads
1
Readme
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
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