27 lines
751 B
Vue
27 lines
751 B
Vue
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
|
|
const dialog = ref(false);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="text-center mt-4 mt-sm-0">
|
|
<v-btn color="primary" class="w-100" flat>
|
|
Open Simple Dialog
|
|
<v-dialog v-model="dialog" activator="parent" 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="primary" @click="dialog = false" variant="tonal"
|
|
>Close Dialog</v-btn
|
|
>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</v-btn>
|
|
</div>
|
|
</template>
|