Skip to content

Drawer

Basic usage

You can show or hide footer by configuring footerShow attribute, and you can customize the content of footer by footer slot. footer is hidden by default.

API

Attribute

Nameis RequiredDescriptionTypeDefault Value
titleNotitle of drawerstring-
v-modelNovisiblity of drawerBooleanfalse
sizeNowidth of drawerNumber/String1088
footerShowNowhether show footerBooleantrue

iDrawer is a secondary encapuslation base on Drawer from Element plus. For description of other properties, please refer to Drawer

Event

NameDescriptionParameters
drawerClosetrigger when close icon is clicked-

Slot

Slot NameDescription
-content of body
footercontent of footer