Drawer / 抽屉

从屏幕边缘滑出的面板。

特性

支持多种划出方向

优化移动端适配

基础用法

<script setup>
import { ref } from 'vue'
import { Btn, Drawer } from '@roku-ui/vue'
const show = ref(false)
</script>
<template>
  <Btn @click="show = true">
    Open Drawer
  </Btn>
  <Drawer v-model="show">
    This is a drawer
  </Drawer>
</template>