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

playground(popover): update

Browse Source
This commit is contained in:
Benjamin Canac
2024-03-13 14:43:07 +01:00
parent 7d2d3b9c0f
commit ebbd931db1
1 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
playground/pages/popover.vue
View File

@@ -1,14 +1,24 @@
<template>
<UPopover v-model:open="open" arrow mode="hover">
<UButton label="Hover me" color="white" />
<div class="flex gap-2">
<UPopover v-model:open="open" arrow>
<UButton label="Click me" color="white" />
<template #content>
<div class="flex gap-2 p-4">
<UButton label="Close" color="gray" @click="open = false" />
<UButton label="Send" color="black" trailing-icon="i-heroicons-paper-airplane" :loading="loading" @click="send" />
</div>
</template>
</UPopover>
<template #content>
<div class="flex justify-center gap-2 p-4 w-48">
<UButton label="Close" color="gray" @click="open = false" />
<UButton label="Send" color="black" trailing-icon="i-heroicons-paper-airplane" :loading="loading" @click="send" />
</div>
</template>
</UPopover>
<UPopover arrow mode="hover">
<UButton label="Hover me" color="white" />
<template #content>
<div class="w-48 h-16" />
</template>
</UPopover>
</div>
</template>
<script setup>