Stat
FREESayarak artan değer, renkli değişim yüzdesi ve küçük trend grafiği olan metrik kartı.
Kurulum
Terminal
npx @bloxa/cli add stat
# or: npx shadcn@latest add @bloxa/statÖrnekler
Gösterge paneli
Hatalarda invertDelta: düşüş yeşil gösterilir.
Revenue
₺128.450+%12,4vs last month
Customers
2.841+%5,2
Orders
612-%3,1
Errors
14-%42
API
Her bileşen, oluşturduğu HTML elemanının özelliklerini de kabul eder.
Stat
| Özellik | Tip | Varsayılan | Açıklama |
|---|---|---|---|
| label / value | ReactNode / number | — | Başlık ve değer. |
| format | Intl.NumberFormatOptions | — | Değer biçimi (para, yüzde). |
| delta | number | — | Önceki döneme göre değişim; 0.12 = %12. |
| invertDelta | boolean | false | Düşüş iyiyse (maliyet, hata). |
| trend | number[] | — | Alttaki küçük grafik. |
| variant | "card" | "plain" | "card" | Kart ya da sade. |