mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-11-30 02:57:50 +08:00
1.6 KiB
1.6 KiB
API
Property | Description | Type | Default |
---|---|---|---|
closable | Whether a close (x) button is visible on top right of the Drawer dialog or not. | boolean | true |
destroyOnClose | Whether to unmount child components on closing drawer or not. | boolean | false |
getContainer | Return the mounted node for Drawer. | HTMLElement | () => HTMLElement | Selectors |
'body' |
mask | Whether to show mask or not. | Boolean | true |
maskClosable | Clicking on the mask (area outside the Drawer) to close the Drawer or not. | boolean | true |
maskStyle | Style for Drawer's mask element. | object | {} |
title | The title for Drawer. | string|slot | - |
visible | Whether the Drawer dialog is visible or not. | boolean | false |
wrapClassName | The class name of the container of the Drawer dialog. | string | - |
wrapStyle | The style of the container of the Drawer dialog. | object | - |
width | Width of the Drawer dialog. | string|number | 256 |
height | placement is top or bottom , height of the Drawer dialog. |
string|number | - |
zIndex | The z-index of the Drawer. |
Number | 1000 |
placement | The placement of the Drawer. | 'top' | 'right' | 'bottom' | 'left' | 'right' |
handle | After setting, the drawer is directly mounted on the DOM, and you can control the drawer to open or close through this handle . |
VNode | slot | - |
Methods
Name | Description | Type | Default |
---|---|---|---|
close | Specify a callback that will be called when a user clicks mask, close button or Cancel button. | function(e) | - |