DemoDialogBasic.vue
1.05 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script setup>
const isDialogVisible = ref(false)
</script>
<template>
<VDialog
v-model="isDialogVisible"
width="500"
>
<!-- Activator -->
<template #activator="{ props }">
<VBtn v-bind="props">
Click Me
</VBtn>
</template>
<!-- Dialog Content -->
<VCard title="Privacy Policy">
<DialogCloseBtn
variant="text"
size="default"
@click="isDialogVisible = false"
/>
<VCardText>
Bear claw pastry cotton candy jelly toffee. Pudding chocolate cake shortbread bonbon biscuit sweet. Lemon drops cupcake muffin brownie fruitcake. Pastry pastry tootsie roll jujubes chocolate cake gummi bears muffin pudding caramels. Jujubes lollipop gummies croissant shortbread. Cupcake dessert marzipan topping gingerbread apple pie chupa chups powder. Cake croissant halvah candy canes gummies.
</VCardText>
<VCardActions>
<VSpacer />
<VBtn @click="isDialogVisible = false">
I accept
</VBtn>
</VCardActions>
</VCard>
</VDialog>
</template>