mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
29 lines
673 B
Vue
29 lines
673 B
Vue
<script setup lang="ts">
|
|
const open = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<UDrawer
|
|
v-model:open="open"
|
|
:dismissible="false"
|
|
:overlay="false"
|
|
:handle="false"
|
|
:modal="false"
|
|
:ui="{ header: 'flex items-center justify-between' }"
|
|
>
|
|
<UButton label="Open" color="neutral" variant="subtle" trailing-icon="i-lucide-chevron-up" />
|
|
|
|
<template #header>
|
|
<h2 class="text-highlighted font-semibold">
|
|
Drawer non-dismissible
|
|
</h2>
|
|
|
|
<UButton color="neutral" variant="ghost" icon="i-lucide-x" @click="open = false" />
|
|
</template>
|
|
|
|
<template #body>
|
|
<Placeholder class="h-48" />
|
|
</template>
|
|
</UDrawer>
|
|
</template>
|