mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-15 20:48:12 +01:00
31 lines
714 B
Vue
31 lines
714 B
Vue
<script setup>
|
|
const isOpen = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<UButton label="Open" @click="isOpen = true" />
|
|
|
|
<USlideover v-model="isOpen">
|
|
<div class="p-4 sm:p-6 flex flex-col flex-1 gap-4 sm:gap-6">
|
|
<div class="flex items-center justify-between">
|
|
<h2 class="font-semibold text-gray-900 dark:text-white">
|
|
Title
|
|
</h2>
|
|
|
|
<UButton
|
|
icon="i-heroicons-x-mark-20-solid"
|
|
color="gray"
|
|
variant="link"
|
|
size="md"
|
|
:padded="false"
|
|
@click="isOpen = false"
|
|
/>
|
|
</div>
|
|
|
|
<Placeholder class="flex-1 w-full" />
|
|
</div>
|
|
</USlideover>
|
|
</div>
|
|
</template>
|