Komponen / Tampilan data
StatCard
Angka utama dengan meta, tren baik/buruk, dan pembanding — untuk Beranda, dashboard Direksi, dan kepala daftar dokumen.
Kapan dipakai
Gunakan
- Tentukan sentiment dari makna bisnis, bukan dari arah: piutang, hutang jatuh tempo, dan lama penagihan yang naik itu buruk.
- Selalu sertakan pembanding pada tren ("vs bulan lalu") — persentase tanpa periode tidak bisa ditafsirkan.
- Pakai needsAttention hanya bila ada tindakan yang menunggu pengguna, dan sebut dokumennya di meta.
- Susun 3–4 StatCard sejajar; angka uang dalam format ringkas (Rp 420 jt).
Hindari
- Jangan mewarnai hijau semua tren naik — warna mengikuti makna.
- Jangan menandai semua kartu needsAttention; tanda kehilangan arti.
- Jangan memasukkan grafik atau tabel ke StatCard — pakai ChartCard atau Card.
Contoh benar & salah
Piutang
Rp 420 jt
naik 12% dibanding bulan lalu, buruk
Piutang
Rp 420 jt
naik 12% dibanding bulan lalu, baik
Pendapatan Oktober
Rp 1,06 M
naik 18% dibanding bulan lalu, baik
Pendapatan Oktober
Rp 1,06 M
naik 18%, baik
Penulisan
- Label kata benda singkat: "Siap ditagih", "Hutang ≤ 7 hari", bukan kalimat.
- Meta menjelaskan isi angka: jumlah dokumen, nomor dokumen, atau tanggal terdekat.
- Pembanding diawali "vs": "vs bulan lalu", "vs Q2". Kalimat pembaca layar otomatis menjadi "dibanding bulan lalu".