21 lines
503 B
Vue
21 lines
503 B
Vue
<script setup lang="ts">
|
|
interface Props {
|
|
label: string
|
|
value: number | string
|
|
alert?: boolean
|
|
}
|
|
|
|
defineProps<Props>()
|
|
</script>
|
|
|
|
<template>
|
|
<v-card :border="!alert" :variant="alert ? 'flat' : undefined" :color="alert ? 'error' : undefined">
|
|
<v-card-text>
|
|
<div class="text-label-large" :class="{ 'text-medium-emphasis': !alert }">{{ label }}</div>
|
|
<div class="text-headline-large">{{ value }}</div>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
|
|
<style scoped lang="scss"></style>
|