mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
24 lines
568 B
Vue
24 lines
568 B
Vue
<script setup>
|
|
const isOpen = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<UButton label="Open" @click="isOpen = true" />
|
|
|
|
<USlideover v-model="isOpen">
|
|
<UCard class="flex flex-col flex-1" :ui="{ body: { base: 'flex-1' }, ring: '', divide: 'divide-y divide-gray-100 dark:divide-gray-800' }">
|
|
<template #header>
|
|
<Placeholder class="h-8" />
|
|
</template>
|
|
|
|
<Placeholder class="h-full" />
|
|
|
|
<template #footer>
|
|
<Placeholder class="h-8" />
|
|
</template>
|
|
</UCard>
|
|
</USlideover>
|
|
</div>
|
|
</template>
|