@gem-mine/rmc-dialog

react dialog component for mobile

Install

  yarn add @gem-mine/rmc-dialog

Usage

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

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

// use dialog

API

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 start

License

rmc-dialog is released under the MIT license.

Package detail

@gem-mine/rmc-dialog

readme

@gem-mine/rmc-dialog

Install

Usage

API

rmc-dialog(web)

Development

License

changelog

History