rc-dialog

---

react dialog component

Screenshot

Install

Usage

var Dialog = require('rc-dialog');

  React.renderComponent(
      (<Dialog title={title} onClose={callback1} onShow={callback2}>
        <p>first dialog</p>
      </Dialog>),
      document.getElementById('t1')
  );
  
// use dialog

API

props

prefixCls

• The dialog dom node's prefixCls. Defaults to rc-dialog

visible

• The dialog whether or not shown,default false

title

• Title of the dialog

closable

• whether show close button and click mask to close

onBeforeClose

• called by requestClose or click close button or mask

onShow

• When the dialog shown , the callback was called.

onClose

• When the dialog closed, the callback was called.

align

• align config. see https://github.com/yiminghe/dom-align

{
  node: // defaults to window,
  points: ['tc', 'tc'],
  offset: [0, 100]
}

methods (not recommended)

show

• make dialog show and trigger onShow if current visible is false

close

• make dialog hide and trigger onClose if current visible is true

requestClose

• run props.beforeClose first, if beforeClose does not return false then call close()

Development

npm install
npm start

Example

http://localhost:8000/examples/index.md

online example: http://react-component.github.io/dialog/build/examples/

Test Case

http://localhost:8000/tests/runner.html?coverage

Coverage

http://localhost:8000/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8000/tests/runner.html?coverage

License

rc-dialog is released under the MIT license.