React Dialog

a simple dialog component for React

Installation

npm

npm i --save @fate-lovely/react-dialog

cdn

<script src="https://unpkg.com/@fate-lovely/react-dialog/dist/index.js"></script>

Usage

import { showDialog, Dialog } from "@fate-lovely/react-dialog"

const MyDialog = () =>
  <Dialog>
    <h1>Hello World</h1>
  </Dialog>

class App extends React.Component {
  ...
  onClick() {
    showDialog(MyDialog, props)
  }
}

Props

• className: PorpTypes.string
• okButtonText: PropTypes.string
• cancelButtonText: PropTypes.string
• okButtonCB: PropTypes.func, dialog instance as first param cmp, you can call cmp.destroy() to destroy dialog
• cancelButtonCB: PropTypes.func, dialog instance as first param cmp, you can call cmp.destroy() to destroy dialog
• hideCancelButton: PropTypes.bool
• title: PorpTypes.string
• okButtonDisabled PropTypes.bool

License

Released under the MIT license