25 lines
466 B
Vue
25 lines
466 B
Vue
|
<template>
|
||
|
|
<div class="status-bar" :class="type">
|
||
|
|
<p class="message">{{message}}</p>
|
||
|
|
<router-link
|
||
|
|
:to="buttonRoute"
|
||
|
|
class="button small warning nice"
|
||
|
|
v-if="showButton"
|
||
|
|
>
|
||
|
|
{{buttonText}}
|
||
|
|
</router-link>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
message: String,
|
||
|
|
buttonRoute: Object,
|
||
|
|
buttonText: String,
|
||
|
|
showButton: Boolean,
|
||
|
|
type: String, // Danger, Info, Success, Warning
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|