Drawer
A floating panel that slides out from the edge of the screen.
Default
PreviewCode
Direction
PreviewCode
Custom
PreviewCode
Props
Universal Props
Prop | Type | Accepted Values | Description | Default | Version |
---|---|---|---|---|---|
title | string | - | Default title text | Basic Title | - |
open | boolean | boolean | Whether the Drawer is visible | false | - |
onClose | function(e) | - | Callback when clicking the close icon or cancel button | - | - |
okText | string | - | Text of the confirm button | 确定 | - |
cancelText | string | - | Text of the cancel button | 取消 | - |
type | string | top | right | bottom | left | Placement direction of Drawer | right | - |
containerStyles | object | - | Customize Drawer container style | - | 0.3.2 |
headerStyles | object | - | Customize Drawer header style | - | 0.3.2 |
footerStyles | object | - | Customize Drawer footer style | - | 0.3.2 |
btnStyles | object | - | Customize Drawer button style | - | 0.3.2 |
footerButtons | object | - | Customize Drawer footer's button | - | 0.3.2 |
maskClosable | boolean | - | Enable to click mask to close drawer | true | 0.3.4 |