1.0.0 • Published 4 years ago
@gem-mine/rmc-dialog v1.0.0
@gem-mine/rmc-dialog
react dialog component for mobile
fork from m-dialog
Install
yarn add @gem-mine/rmc-dialogUsage
var Dialog = require('rmc-dialog');
ReactDOM.render(
<Dialog title={title} onClose={callback1} visible>
<p>first dialog</p>
</Dialog>
), document.getElementById('t1'));
// use dialogAPI
rmc-dialog(web)
| name | description | type | default | |
|---|---|---|---|---|
| prefixCls | The dialog dom node's prefixCls | String | rmc-dialog | |
| className | additional className for dialog | String | ||
| wrapClassName | additional className for dialog wrap | String | ||
| style | Root style for dialog element.Such as width, height | Object | {} | |
| zIndex | z-index | Number | ||
| bodyStyle | body style for dialog body element.Such as height | Object | {} | |
| maskStyle | style for mask element. | Object | {} | |
| visible | current dialog's visible status | Boolean | false | |
| animation | part of dialog animation css class name | String | ||
| maskAnimation | part of dialog's mask animation css class name | String | ||
| transitionName | dialog animation css class name | String | ||
| maskTransitionName | mask animation css class name | String | ||
| title | Title of the dialog | String | React.Element | |
| footer | footer of the dialog | React.Element | ||
| closable | whether show close button | Boolean | true | |
| mask | whether show mask | Boolean | true | |
| maskClosable | whether click mask to close | Boolean | true | |
| onClose | called when click close button or mask | function | ||
| forceRender | Create dialog dom node before dialog first show | Boolean | false | |
| getContainer | to determine where Dialog will be mounted | (): HTMLElement |
Development
npm install
npm startLicense
rmc-dialog is released under the MIT license.