Drawer
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
| theme | string | No | 'global' | Theme color. |
| modelValue | any | No | undefined | See the Drawer modelValue option. |
| length | number | No | 800 | See the Drawer length option. |
| title | string | No | 'Drawer' | See the Drawer title option. |
| titleSize | number | No | 20 | See the Drawer titleSize option. |
| titleWeight | string | No | 'bold' | See the Drawer titleWeight option. |
| titleColor | string | No | '' | See the Drawer titleColor option. |
| background | string | No | '' | See the Drawer background option. |
| borderRadius | string | No | '' | See the Drawer borderRadius option. |
| controlPadding | string | No | '12px 24px' | See the Drawer controlPadding option. |
| contentPadding | string | No | '24px' | See the Drawer contentPadding option. |
| showTitleBar | boolean | No | true | See the Drawer showTitleBar option. |
| isFooter | boolean | No | false | See the Drawer isFooter option. |
| isLightDismiss | boolean | No | true | See the Drawer isLightDismiss option. |
| isAcrylic | boolean | No | true | See the Drawer isAcrylic option. |
| zIndex | number | No | 30 | See the Drawer zIndex option. |
| position | string | No | 'bottom' | Position. |
| appendBody | boolean | No | true | See the Drawer appendBody option. |
| disabled | boolean | No | false | See the Drawer disabled option. |
| lang | string | No | "global" | See the Drawer lang option. |
Slots
- Default
vue
<template>
<p></p>
</template>- Header
javascript
<template v-slot:header>
</template>- Footer
javascript
<template v-slot:footer>
</template>