Komponen / Tata letak
ObjectSummary
Kepala objek untuk inspector, panel samping, dan kartu (seperti Get Info macOS): ikon jenis dokumen dalam kotak berwarna, nama, satu baris meta, dan status.
Kapan dipakai
Gunakan
- Pakai di kepala inspector/panel samping dan di kartu yang mewakili satu objek (PO, invoice, customer, proyek).
- Meta maksimal 2–3 bagian terpenting: customer · nilai, atau termin · nilai.
- Status selalu StateLabel bertulisan, bukan warna ikon.
- Atur headingLevel sesuai struktur halaman: h2 di inspector, false di dalam kartu berjudul.
Hindari
- Jangan memakai ObjectSummary sebagai judul halaman dokumen — pakai PageHeader.
- Jangan menjejalkan semua atribut ke meta; sisanya taruh di DescriptionList di bawahnya.
- Jangan memakai tone kotak ikon untuk menyatakan status (merah = terlambat) — status ada di StateLabel.
- Jangan menyingkat nilai uang di dokumen ("Rp 186 jt") bila ruang cukup untuk nilai penuh.
Contoh benar & salah
INV-2026-0192
Termin 2, Rp 74.400.000
Terlambat 4 hari
INV-2026-0192
Termin 2, Rp 74.400.000
PO-2026-0142
PT Mitra Energi Persada, Rp 186.000.000
Disetujui
PO-2026-0142
PT Mitra Energi Persada, Rp 186.000.000, Termin 60 / 40, Rina Kartika, 12 Sep 2026
Disetujui
Penulisan
- Nama = nomor dokumen atau nama objek apa adanya ("PO-2026-0142", "PT Mitra Energi Persada").
- Meta dipisah " · ", urut dari yang paling membedakan: customer, lalu nilai.
- Nilai uang memakai formatMoney (Rp 186.000.000); format ringkas hanya di kartu dashboard.
Komponen terkait
- PageHeaderJudul halaman/dokumen + status + aksi + deskripsi.
- StateLabelLabel status dokumen dengan 7 tone bermakna.
- AvatarInisial atau foto pengguna; grup dengan overflow.
- DescriptionListPasangan label–nilai untuk detail dokumen.
- DrawerPanel inspector di kanan yang menyatu dengan layar.
- CardWadah isi berjudul dengan aksi dan footer.