Komponen / Tata letak
SplitView
Kerangka layar BizOps: sidebar kaca berisi NavList, area isi (Toolbar + daftar/detail/form), dan inspector opsional di kanan. Di layar sempit sidebar menjadi panel yang bisa dibuka/ditutup.
Kapan dipakai
Gunakan
- Pakai satu SplitView sebagai kerangka seluruh aplikasi; layar Daftar, Detail, dan Form hanya mengganti isi.
- Pasang SplitView.SidebarToggle di header/Toolbar layar agar tombol navigasi muncul di tempat yang sama di layar sempit.
- Inspector untuk konteks record yang dipilih (ringkasan PO, filter lanjutan) — tutup bila tidak ada yang dipilih.
- Matikan landmarks bila SplitView disarangkan di dalam halaman yang sudah punya <main>.
Hindari
- Jangan menaruh form panjang atau alur multi-langkah di inspector — pakai layar Form penuh.
- Jangan memberi area isi latar kaca; kaca hanya untuk sidebar (lapisan navigasi), isi tetap solid agar teks terbaca.
- Jangan membuka inspector secara otomatis di layar sempit — di sana ia menjadi overlay modal; buka hanya karena aksi pengguna.
Contoh benar & salah
Penulisan
- sidebarLabel menamai area navigasi ("Navigasi"), bukan nama produk.
- Label toggle berupa aksi: "Tampilkan navigasi".
Komponen terkait
- NavListNavigasi sidebar ala macOS, gaya Symbol atau Tile (System Settings).
- DrawerPanel inspector di kanan yang menyatu dengan layar.
- ToolbarBar judul + pencarian + aksi utama; kaca hanya di kelompok kontrol.
- PageHeaderJudul halaman/dokumen + status + aksi + deskripsi.
- AppHeaderHeader aplikasi: pencarian global, notifikasi, pengalih perusahaan.