Add Button and Dialog (and AlertDialog which is embedded in the Dialog through the priority attribute)

2024-10-30 17:47:14 +01:00
parent f80c6d5326
commit cbce979aa9
7 changed files with 67 additions and 13 deletions
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -20,6 +20,13 @@ const open = ref(false), username = ref(""), price = ref(750), disabled = ref(fa
                    <div>Test de HoverCard</div>
                </template>
            </HoverCard>
+            <Dialog label="Open" title="Titre" description="Description courte de la popup">
+                <div class="flex flex-col items-start">
+                    <Separator decorative orientation="horizontal" class="h-px w-96 my-2 bg-light-30 dark:bg-dark-30" />
+                    <span>Contenu special</span>
+                    <Switch label="Theme sombre ?" />
+                </div>
+            </Dialog>
        </div>
    </div>
 </template>