| 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 |
Style of wrapper element which contains mask compare to drawerStyle |
object |
- |
|
| drawerStyle |
Style of the popup layer element |
object |
- |
1.4.11 |
| bodyStyle |
Style of the drawer content part |
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 |
- |
|