JSPM

rc-dialog

4.1.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1739329
  • Score
    100M100P100Q199036F

dialog ui component for react

Package Exports

  • rc-dialog
  • rc-dialog/assets/index.css

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

NPM version build status Test coverage gemnasium deps node version npm download Sauce Test Status

Sauce Test Status

Screenshot

Install

rc-dialog

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

animation

  • part of dialog animation css class name

maskAnimation

  • part of dialog's mask animation css class name

title

  • Title of the dialog
  • footer 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

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

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.