mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
31 lines
876 B
Vue
31 lines
876 B
Vue
<script setup lang="ts">
|
|
const first = ref(false)
|
|
const second = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<USlideover v-model:open="first" title="First slideover" :ui="{ footer: 'justify-end' }">
|
|
<UButton color="gray" variant="subtle" label="Open" />
|
|
|
|
<template #body>
|
|
<Placeholder class="h-full" />
|
|
</template>
|
|
|
|
<template #footer>
|
|
<UButton label="Close" color="gray" variant="outline" @click="first = false" />
|
|
|
|
<USlideover v-model:open="second" title="Second slideover" :ui="{ footer: 'justify-end' }">
|
|
<UButton label="Open second" color="gray" />
|
|
|
|
<template #body>
|
|
<Placeholder class="h-full" />
|
|
</template>
|
|
|
|
<template #footer>
|
|
<UButton label="Close" color="gray" variant="outline" @click="second = false" />
|
|
</template>
|
|
</USlideover>
|
|
</template>
|
|
</USlideover>
|
|
</template>
|