12 lines
650 B
Plaintext
12 lines
650 B
Plaintext
component StatCard {
|
|
props {
|
|
label = "Metric"
|
|
value = "0"
|
|
change = ""
|
|
trend = "neutral"
|
|
}
|
|
view {
|
|
<article class="rounded-2xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-800 dark:bg-slate-900"><p class="text-sm font-medium text-slate-500">{label}</p><div class="mt-2 flex items-end justify-between gap-3"><p class="text-3xl font-bold tracking-tight">{value}</p><span data-show="change" class="text-sm font-semibold {trend === 'up' ? 'text-emerald-600' : trend === 'down' ? 'text-red-600' : 'text-slate-500'}">{trend === 'up' ? '↑' : trend === 'down' ? '↓' : ''} {change}</span></div></article>
|
|
}
|
|
}
|