24 lines
702 B
Vue
24 lines
702 B
Vue
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
const dialog = ref(false);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="text-center">
|
|
<v-btn color="secondary" class="w-100" @click="dialog = true" flat> Open Dialog </v-btn>
|
|
<v-dialog v-model="dialog" class="dialog-mw">
|
|
<v-card>
|
|
<v-card-text>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
|
eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
</v-card-text>
|
|
<v-card-actions>
|
|
<v-btn color="secondary" @click="dialog = false" variant="tonal"
|
|
>Close Dialog</v-btn
|
|
>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</div>
|
|
</template>
|