react-dialog-modal

React Dialog

React component for dialog widget.

Installation

React Dialog is available as an npm package.

npm install react-dialog-modal

Use browserify and reactify for dependency management and JSX transformation.

All styles written in CSS and are in css/index.css

Demo

http://mohitgupta8888.github.io/react-dialog-modal

Usage

import Dialog from 'react-dialog-modal'
<Dialog
    title="Dialog Title"
    modal={true}
    onClose={this.handleClose}
    buttons={
        [{
            text: "Close",
            onClick: () => this.handleClose()
        }]
    }>
    <h1>Dialog Content</h1>
    <p>More Content. Anything goes here</p>
</Dialog>

API

props.modal

• Boolean
• default: false
• Whether overlay is added to dialog or not

props.title

• String or Element
• default: ''
• This property

props.onClose

• Function
• default: null
• Set a function that will be triggered whenever there is a close event.

props.closeOnEscape

• Boolean
• Default: false
• If true, the props.onClose event will be triggered if user presses Esc key on keyboard.

License

MIT