Nevertheless! Party Metaphorically

    rc-dialog-wcast
    TypeScript icon, indicating that this package has built-in type declarations

    7.1.5 • Public • Published

    rc-dialog


    react dialog component

    NPM version build status Test coverage gemnasium deps npm download

    Screenshot

    Install

    rc-dialog

    Usage

    var Dialog = require('rc-dialog');
     
    ReactDOM.render(
      <Dialog title={title} onClose={callback1} visible>
          <p>first dialog</p>
      </Dialog>
    ), document.getElementById('t1'));
     
    // use dialog

    API

    rc-dialog

    name type default description
    prefixCls String rc-dialog The dialog dom node's prefixCls
    className String additional className for dialog
    wrapClassName String additional className for dialog wrap
    style Object {} Root style for dialog element.Such as width, height
    zIndex Number
    bodyStyle Object {} body style for dialog body element.Such as height
    maskStyle Object {} style for mask element.
    visible Boolean false current dialog's visible status
    animation String part of dialog animation css class name
    maskAnimation String part of dialog's mask animation css class name
    transitionName String dialog animation css class name
    maskTransitionName String mask animation css class name
    title String|React.Element Title of the dialog
    footer React.Element footer of the dialog
    closable Boolean true whether show close button
    mask Boolean true whether show mask
    maskClosable Boolean true whether click mask to close
    keyboard Boolean true whether support press esc to close
    mousePosition {x:number,y:number} set pageX and pageY of current mouse(it will cause transform origin to be set).
    onClose function() called when click close button or mask
    afterClose function() called when close animation end
    getContainer function(): HTMLElement to determine where Dialog will be mounted
    destroyOnClose Boolean false to unmount child compenents on onClose

    Development

    npm install
    npm start
    

    Example

    http://localhost:8007/examples/

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

    Test Case

    npm test
    npm run chrome-test
    

    Coverage

    npm run coverage
    

    open coverage/ dir

    License

    rc-dialog is released under the MIT license.

    Install

    npm i rc-dialog-wcast

    DownloadsWeekly Downloads

    4

    Version

    7.1.5

    License

    none

    Unpacked Size

    56.7 kB

    Total Files

    22

    Last publish

    Collaborators

    • dormi