@antd-mobile/dialog

react dialog component for mobile

Screenshot

API

props

| 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 | |