reno-ui

StatCard

Ô KPI: nhãn, một con số, và chiều biến động. Có trạng thái loading, có biến thể bấm được (semantics button + bàn phím). Hướng mũi tên và màu tách riêng — churn tăng là tin xấu.

Cài đặt

npx shadcn@latest add @reno/stat-card

Demo

Tổng nhân sự
240
3,4%so với tháng trước
Tuyển mới tháng 8
19
12,5%so với tháng 7
Tỉ lệ nghỉ việc
3,8%
0,6 điểmso với tháng 7
Chi phí lương tháng 8

npm dependencies

  • lucide-react@^1.38.0

Registry dependencies

  • @reno/utils
  • @reno/card
  • @reno/badge
  • @reno/skeleton