MVP Verson: 0.4.8 beta
Lang Icon
Toggle Icon
Drawer
A floating panel that slides out from the edge of the screen.
Default
PreviewCode
Direction
PreviewCode
Custom
PreviewCode
Props
Universal Props
PropTypeAccepted ValuesDescriptionDefaultVersion
titlestring-Default title textBasic Title-
openbooleanbooleanWhether the Drawer is visiblefalse-
onClosefunction(e)-Callback when clicking the close icon or cancel button--
okTextstring-Text of the confirm button确定-
cancelTextstring-Text of the cancel button取消-
typestringtop | right | bottom | leftPlacement direction of Drawerright-
containerStylesobject-Customize Drawer container style-0.3.2
headerStylesobject-Customize Drawer header style-0.3.2
footerStylesobject-Customize Drawer footer style-0.3.2
btnStylesobject-Customize Drawer button style-0.3.2
footerButtonsobject-Customize Drawer footer's button-0.3.2
maskClosableboolean-Enable to click mask to close drawertrue0.3.4