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