kenote-react-admin-modal
Admin Modal for React
Install
yarn add kenote-react-admin-modal
Usages
Confirm
<div> /* Info */ <Button onClick= Modal > Info </Button> /* Confirm */ <Button onClick= Modal > Confirm </Button> </div>
Modal
state = visible: false loading: false { superprops this_Modal = null } { return <div> <Button onClick= this > Modal </Button> <Modal ref= this_Modal = view visible=thisstatevisible title="Basic Modal" onCancel= this footer= <Button onClick= this_Modal > 取消 </Button> <Button type="primary" loading=thisstateloading onClick= { this return { } } > 确定 </Button> > <p>some messages...some messages...</p> <p>some messages...some messages...</p> </Modal> </div> }
API
<Modal>
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
visible | 对话框是否可见 | boolean | false |
title | 标题名称 | string | -- |
maskClosable | 点击蒙层是否允许关闭 | boolean | true |
width | 宽度 | number | 520 |
height | 高度 | number | null |
okText | 确认按钮文字 | string | Ok |
cancelText | 取消按钮文字 | string | Cancel |
onOk | 点击确定回调 | function(e) | -- |
onCancel | 点击遮罩层或右上角叉或取消按钮的回调 | function(e) | -- |
footer | 底部内容,当需要自定义底部按钮时 ... | ReactNode[] | null |
tips | 底部提示文字 | string|ReactNode | null |
Modal.method()
- Modal.info
- Modal.success
- Modal.error
- Modal.warning
- Modal.confirm
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 标题名称 | string | -- |
content | 内容 | string|ReactNode | -- |
width | 宽度 | number | 520 |
height | 高度 | number | null |
okText | 确认按钮文字 | string | Ok |
cancelText | 取消按钮文字 | string | Cancel |
onOk | 点击确定回调 | function(e) | -- |
onCancel | 点击取消按钮的回调 | function(e) | -- |
License
this repo is released under the MIT License.