Files
coba-tampilan/components/ui-components/dialogs/DialogsPersistent.vue

33 lines
1.0 KiB
Vue

<script setup lang="ts">
import { ref } from "vue";
const dialog = ref(false);
</script>
<template>
<div class="text-center">
<v-dialog v-model="dialog" persistent class="dialog-mw">
<template v-slot:activator="{ props }">
<v-btn color="primary" class="w-100" v-bind="props" flat> Open Dialog </v-btn>
</template>
<v-card class="pa-6">
<v-card-title class="text-h5">
Use Google's location service?
</v-card-title>
<v-card-text
>Let Google help apps determine location. This means sending anonymous
location data to Google, even when no apps are running.</v-card-text
>
<v-card-actions>
<v-spacer></v-spacer>
<v-btn color="error" variant="tonal" @click="dialog = false" flat>
Disagree
</v-btn>
<v-btn color="success" variant="tonal" @click="dialog = false" flat>
Agree
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</div>
</template>