Komponen / Tata letak
Card
Wadah isi berjudul di halaman detail dan dashboard: judul + keterangan, aksi di kanan header, isi bebas, dan footer. Contoh: kartu Item, Termin pembayaran, dan "Perlu tindakan Anda" di detail PO.
Kapan dipakai
Gunakan
- Kelompokkan isi yang satu topik dalam satu kartu: Item, Termin pembayaran, Dokumen, Aktivitas.
- Beri judul kata benda singkat; tambahkan jumlah bila berguna ("Item · 3", "Dokumen · 4").
- Taruh aksi yang berlaku untuk seluruh kartu di kanan header; aksi per baris tetap di barisnya.
- Pakai Flat untuk kartu-kartu yang berjajar di halaman; Raised hanya untuk kartu yang perlu menonjol, mis. "Perlu tindakan Anda".
Hindari
- Jangan menumpuk kartu di dalam kartu — pakai pemisah, DescriptionList variant="plain", atau subjudul.
- Jangan menaruh lebih dari satu tombol Primary di satu kartu.
- Jangan membuat seluruh kartu bisa diklik bila di dalamnya ada tautan atau tombol lain.
Contoh benar & salah
Pengiriman
- Metode
- Aktivasi online
- Target BAST
- 10 Okt 2026
Pengiriman
Metode
Aktivasi online
Target BAST
10 Okt 2026
Perlu tindakan Anda
Aktivitas
Dokumen · 4
Perlu tindakan Anda
Aktivitas
Dokumen · 4
Penulisan
- Judul kata benda, huruf kapital hanya di awal: "Termin pembayaran", bukan "TERMIN PEMBAYARAN" atau "Lihat Termin".
- Subjudul menjelaskan konteks atau angka ringkas: "Terbayar Rp 90.000.000 dari Rp 150.000.000".
- Footer berisi meta: "Diperbarui 12 Sep 2026 oleh Andri".