arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-27 10:20:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(slideover): update

Browse Source
This commit is contained in:
Benjamin Canac
2024-08-23 15:58:08 +02:00
parent 1d1d88d6ee
commit 6ac63b5034
11 changed files with 435 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
docs/app/components/content/examples/slideover/SlideoverNestedExample.vue Normal file
View File

@@ -0,0 +1,30 @@
<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>