Package Exports

rc-dialog

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-dialog) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.

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.