Files
coba-tampilan/components/ui-components2/dialogs/DialogsScrollable.vue

34 lines
770 B
Vue

<script setup lang="ts">
import { ref } from "vue";
const props = defineProps({
modelValue: {
type: Boolean,
},
});
const emit = defineEmits(["update:modelValue"]);
</script>
<template>
<div class="text-center">
<v-dialog :model-value="modelValue" scrollable class="dialog-mw" persistent>
<v-card>
<v-card-title>
<slot name="title"></slot>
</v-card-title>
<v-divider></v-divider>
<v-card-text style="height: 300px" class="overflow-auto">
<slot name="text"></slot>
</v-card-text>
<v-divider></v-divider>
<v-card-actions>
<v-spacer></v-spacer>
<slot name="actions"></slot>
</v-card-actions>
</v-card>
</v-dialog>
</div>
</template>