mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-17 13:38:07 +01:00
22 lines
601 B
Vue
22 lines
601 B
Vue
<script setup lang="ts">
|
|
const open = ref(false)
|
|
</script>
|
|
|
|
<template>
|
|
<UPopover v-model:open="open" :dismissible="false" :ui="{ content: 'p-4' }">
|
|
<UButton label="Open" color="neutral" variant="subtle" />
|
|
|
|
<template #content>
|
|
<div class="flex items-center gap-4 mb-4">
|
|
<h2 class="text-[var(--ui-text-highlighted)] font-semibold">
|
|
Popover non-dismissible
|
|
</h2>
|
|
|
|
<UButton color="neutral" variant="ghost" icon="i-lucide-x" @click="open = false" />
|
|
</div>
|
|
|
|
<Placeholder class="size-full min-h-48" />
|
|
</template>
|
|
</UPopover>
|
|
</template>
|