2FAuth/resources/js/components/Notification.vue
2020-02-28 14:48:42 +01:00

45 lines
873 B
Vue

<template>
<div class="notification" :class="type" v-if="show">
<button class="delete" v-if="isDeletable" @click="close"></button>
{{ message }}
</div>
</template>
<script>
export default {
name: 'Notification',
data() {
return {
show: true
}
},
props: {
type: {
type: String,
default: 'is-primary'
},
message: {
type: String,
default: '',
},
isDeletable: {
type: Boolean,
default: true,
},
},
methods: {
close (event) {
if (event) {
this.show = false
}
}
}
}
</script>