linkylinky-dashboard/src/lib/Statscard.svelte

15 lines
454 B
Svelte

<script>
export let title = 'Title';
export let count = 0;
</script>
<div class="flex items-center p-4 bg-white rounded-lg shadow-xs dark:bg-gray-900">
<div class="p-3 mr-4 text-red-500 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-500">
<slot />
</div>
<div>
<p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">{title}</p>
<p class="text-lg font-semibold text-gray-700 dark:text-gray-200">{count}</p>
</div>
</div>