react-modern-dialog v1.0.2

react-modern-dialog

A simple and modern dialog implementation for react.

Installation

# NPM
$ npm install --save react-modern-dialog

Basic usage

See DEMOS at react-modern-dialog

import ReactDOM from 'react-dom';
import React, { useState } from 'react';
import { Dialog } from 'react-modern-dialog';

const App = () => {
  const [ isVisible, setIsVisible ] = useState(true);
  render() {
    return (
      <div>
        {
          isVisible &&
          <Dialog
            onCloseClick={() => setIsVisible(false)}>
            <span>
              This is the dialog body.
            </span>
          </Dialog>
        }
      </div>
    );
  }
}

ReactDOM.render(<App/>, document.body);

Properties

License

MIT © DenkSchuldt