Drawer
A floating panel that slides out from the edge of the screen.
Default
PreviewCode
Direction
PreviewCode
Custom
PreviewCode
Props
Universal Props
MVP Verson: 0.5.2 beta
| 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 |