feat(Popover): new

playground/pages/popover.vue

@@ -0,0 +1,26 @@
+<template>
+  <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>
+
+<script setup>
+const open = ref(false)
+const loading = ref(false)
+
+function send () {
+  loading.value = true
+
+  setTimeout(() => {
+    loading.value = false
+    open.value = false
+  }, 1000)
+}
+</script>