Komponen / Tata letak
DescriptionList
Pasangan label–nilai untuk detail dokumen: customer, nomor PO, cara penagihan, project, pemilik. Gaya inset grouped — kartu putih radius 12, baris dipisah garis tipis — dirender semantik sebagai <dl>/<dt>/<dd>.
Kapan dipakai
Gunakan
- Pakai untuk atribut baca-saja sebuah dokumen atau record; untuk data berulang dengan kolom yang sama, pakai tabel.
- Urutkan dari yang paling dicari: pihak (customer, distributor), nomor dan tanggal, lalu atribut lain.
- Jadikan nilai tautan bila merujuk record lain (customer, project, distributor).
- Di panel sempit pakai Horizontal; di area lebar pakai kisi `columns` agar mata tidak menyeberang terlalu jauh.
Hindari
- Jangan memakai DescriptionList untuk form yang bisa diedit — pakai FormField.
- Jangan menyembunyikan baris yang kosong bila atribut itu penting; tulis "—" agar pengguna tahu datanya belum diisi.
- Jangan memasang DescriptionList inset di dalam Card — pakai variant="plain" agar tidak berlapis.
Contoh benar & salah
- No. PO customer
- PO/PCA/IX/2026/091112 Sep 2026
- Cara penagihan
- Termin 60 / 40lisensi + jasa
- No. PO customer
- PO/PCA/IX/2026/0911 tanggal 12 Sep 2026
- Cara penagihan
- Termin 60 / 40 untuk lisensi + jasa
Detail PO
- Project
- PRJ-2026-0088
- Pemilik
- Anisa Nugraha
Detail PO
- Project
- PRJ-2026-0088
- Pemilik
- Anisa Nugraha
Penulisan
- Label kata benda singkat tanpa titik dua: "No. PO customer", bukan "Nomor PO Customer:".
- Tanggal ditulis "12 Sep 2026", nominal dengan formatMoney ("Rp 150.000.000").
- Nilai kosong ditulis "—", bukan "-", "N/A", atau dibiarkan kosong.