mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
19 lines
582 B
Vue
19 lines
582 B
Vue
<script setup lang="ts">
|
|
const open = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<USlideover v-model:open="open" title="Slideover with footer" description="This is useful when you want a form in a Slideover." :ui="{ footer: 'justify-end' }">
|
|
<UButton label="Open" color="neutral" variant="subtle" />
|
|
|
|
<template #body>
|
|
<Placeholder class="h-full" />
|
|
</template>
|
|
|
|
<template #footer="{ close }">
|
|
<UButton label="Cancel" color="neutral" variant="outline" @click="close" />
|
|
<UButton label="Submit" color="neutral" />
|
|
</template>
|
|
</USlideover>
|
|
</template>
|