react-js-dialog-box
v1.1.6
simple reactjs modal box
0/weekUpdated 3 years agoMITUnpacked: 441.7 KB
Published by abodmicheal
npm install react-js-dialog-boxreact-js-dialog-box
> simple react.js modal box
 
Intro
Install
``bash`
npm install --save react-js-dialog-box
Usage
`jsx
import React from 'react'
import { ReactDialogBox } from 'react-js-dialog-box'
import 'react-js-dialog-box/dist/index.css'
class App extends React.Component {
constructor() {
super()
this.state = {
isOpen: false
}
}
openBox = () => {
this.setState({
isOpen: true
})
}
closeBox = () => {
this.setState({
isOpen: false
})
}
render() {
return (
{this.state.isOpen && (
<>
modalWidth='60%'
headerBackgroundColor='red'
headerTextColor='white'
headerHeight='65'
closeButtonColor='white'
bodyBackgroundColor='white'
bodyTextColor='black'
bodyHeight='200px'
headerText='Title'
>
Dialog Content
)}
)
}
}
export default App
``
License
MIT © abodmicheal