You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

69 lines
1.1 KiB

<template>
<v-dialog
v-model="dialog"
width="800px"
>
<v-card>
<v-card-title class="grey lighten-2">
{{ title }}
</v-card-title>
<v-container grid-list-sm>
<v-layout
wrap
>
<v-flex xs12>
<slot />
</v-flex>
</v-layout>
</v-container>
<v-card-actions>
<v-spacer />
<v-btn
class="text-capitalize"
text
color="primary"
@click="dialog = false"
>
Cancel
</v-btn>
<v-btn
class="text-none"
text
@click="agree"
>
{{ button }}
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
</template>
<script>
export default {
props: {
title: {
type: String,
default: ''
},
button: {
type: String,
default: 'Yes'
}
},
data: () => ({
dialog: false
}),
methods: {
open() {
this.dialog = true
},
agree() {
this.dialog = false
this.$emit('agree')
},
cancel() {
this.dialog = false
}
}
}
</script>