Skip to content

Drawer 抽屉 ​

从侧边滑出的面板,支持四个方向与插槽。

基础用法 ​

vue
<template>
  <KbDrawer v-model="visible" title="抽屉标题">内容</KbDrawer>
</template>

API ​

Props ​

属性类型默认值说明
modelValuebooleanfalse是否显示
titlestring''标题
placement'left' | 'right' | 'top' | 'bottom''right'滑出方向
widthstring'320px'宽度(左右)

事件 ​

事件参数说明
update:modelValueboolean关闭
close—关闭动画后

插槽 ​

名称说明
default内容
footer底部