Files
solidtime/resources/js/Components/Dashboard/DashboardCard.vue
2024-03-11 18:02:54 +01:00

26 lines
655 B
Vue

<template>
<section class="">
<h3
class="text-white font-bold pb-4 text-lg flex items-center space-x-2.5">
<component
v-if="icon"
:is="icon"
class="w-6 text-icon-default"></component>
<span>{{ title }}</span>
</h3>
<div
class="rounded-lg bg-card-background border border-card-border divide-y divide-card-background-seperator">
<slot></slot>
</div>
</section>
</template>
<script setup lang="ts">
import type { Component } from 'vue';
defineProps<{
title: string;
icon?: Component;
}>();
</script>