Komponen / Tata letak
Drawer
Panel inspector di kanan yang menyatu dengan layar: ringkasan record terpilih, filter lanjutan, atau form singkat. Mode inline untuk slot inspector SplitView, mode overlay untuk layar sempit atau aksi sementara.
Kapan dipakai
Gunakan
- Pakai inline sebagai inspector SplitView untuk konteks record terpilih (ringkasan PO, info customer) tanpa meninggalkan daftar.
- Pakai overlay untuk aksi sementara yang tidak perlu terus terlihat: filter lanjutan, pratinjau lampiran.
- Footer hanya bila ada aksi: Secondary (Batal) lalu satu Primary paling kanan.
Hindari
- Jangan memakai Drawer untuk konfirmasi atau keputusan penting — pakai Dialog.
- Jangan menaruh form panjang atau multi-langkah di Drawer — pakai layar Form penuh.
- Jangan memberi Drawer inline bayangan atau radius seperti laci melayang — gaya HIG menyatu dengan layar.
Contoh benar & salah
PO-2026-0142PT Mitra Energi Persada
NilaiRp 186 jt
Termin60 / 40
PO-2026-0142PT Mitra Energi Persada
NilaiRp 186 jt
Termin60 / 40
Hapus PO-2026-0146?Draf dan lampirannya akan dihapus permanen.
Hapus PO?PT Mitra Energi Persada
Draf akan dihapus permanen.
Penulisan
- Judul = nama objek atau tujuan panel: "PO-2026-0142", "Filter lanjutan" — bukan "Detail" saja.
- Subtitle singkat untuk konteks: nama customer, waktu pembaruan.
- Tombol footer berupa kata kerja: "Simpan", "Terapkan"; tombol batal: "Batal".
Komponen terkait
- SplitViewKerangka layar: sidebar kaca, isi, dan inspector opsional.
- DialogSheet modal untuk konfirmasi dan form singkat.
- DescriptionListPasangan label–nilai untuk detail dokumen.
- ObjectSummaryRingkasan objek: ikon, nama, meta, status — untuk inspector dan kartu.
- FilterBarBaris pencarian + filter + jumlah hasil di atas daftar dokumen.