Files
element-plus/docs/examples/drawer/no-title.vue
sea b9ac07cb68 refactor(components): [drawer] resizable (#21932)
* Revert "drawer resizable #21608"

* refactor: drawer resizable

* feat: direction & event core

* docs: update

* fix: animation conflict

* fix: watchEffect onCleanup hrm error

* test: add resize case

* chore: format

* test: old case typo

* refactor: rel #21595 & add hover style

Co-authored-by: thinkasany <480968828@qq.com>
Co-authored-by: cszhjh <cszhjh@gmail.com>

* chore: del useless file

* chore: del useless file

* chore: rename

Co-authored-by: Dsaquel <291874700n@gmail.com>

* fix: use min resizable error

* fix: multiple resizable style conflicts

* test: fix

---------

Co-authored-by: thinkasany <480968828@qq.com>
Co-authored-by: cszhjh <cszhjh@gmail.com>
Co-authored-by: Dsaquel <291874700n@gmail.com>
2025-09-04 15:33:06 +08:00

14 lines
300 B
Vue

<template>
<el-button type="primary" @click="drawer = true"> open </el-button>
<el-drawer v-model="drawer" title="I am the title" :with-header="false">
<span>Hi there!</span>
</el-drawer>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const drawer = ref(false)
</script>