@fate-lovely/react-dialog

0.2.0 • Public • Published

React Dialog

License

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

Package Sidebar

Install

npm i @fate-lovely/react-dialog

Weekly Downloads

2

Version

0.2.0

License

MIT

Last publish

Collaborators

  • fate-lovely