1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-22 06:39:41 +02:00
mealie/frontend/components/global/BannerWarning.vue

27 lines
535 B
Vue
Raw Normal View History

<template>
<v-alert border="left" colored-border type="warning" elevation="2" :icon="$globals.icons.alert">
<b v-if="title">{{ title }}</b>
<div v-if="description">{{ description }}</div>
<div v-if="$slots.default" class="py-2">
<slot></slot>
</div>
</v-alert>
</template>
<script lang="ts">
export default {
props: {
title: {
type: String,
required: false,
default: "",
},
description: {
type: String,
required: false,
default: "",
},
},
};
</script>