afterClose | Event triggered after the drawer closes. | () => void | - |
afterOpen | Event triggered after the drawer opens. | () => void | - |
cancelText | Text of the Cancel button. | string | 'Cancel' |
closeable | How to close the dialog. esc: close by pressing the ESC key. mask: close by clicking the mask. | 'esc' | 'mask' | 'esc' |
confirmState | State of the Confirm button. | 'NORMAL' | 'DISABLED' | 'LOADING' | 'NORMAL' |
confirmStyle | Type of the Confirm button. Refer to the Button component documentation. | 'primary' | 'warning' | 'ghostLight' | 'ghostDark' | 'primary' |
confirmText | Text of the Confirm button. | string | 'Confirm' |
footer | Whether to display the footer buttons. | boolean | true |
footerActions | Default arrangement of the footer buttons. cancel represents the Cancel button; ok represents the Confirm button. | 'cancel,ok' | 'cancel,ok' | 'ok' | 'cancel' | 'cancel,ok' |
footerAlign | Alignment of the Confirm and Cancel buttons within the dialog. | 'left' | 'center' | 'right' | 'right' |
hasMask | Whether to display the mask. | boolean | true |
height | Height of the drawer. | number | - |
onCancel | Event triggered when the Cancel button is clicked. | () => void | - |
onClose | Event triggered when the drawer closes. | () => void | - |
onOk | Event triggered when the Confirm button is clicked. | () => void | - |
placement | Placement of the drawer. | 'right' | 'top' | 'bottom' | 'left' | 'right' |
title | Title of the drawer. | string | 'Drawer Title' |
visible | Whether the drawer is visible. | boolean | false |
width | Width of the drawer. | number | - |
Developer Guide