mirror of
https://github.com/mealie-recipes/mealie.git
synced 2025-07-24 23:59:45 +02:00
27 lines
535 B
Vue
27 lines
535 B
Vue
|
<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>
|