Komponen / Navigasi
AppHeader
Header aplikasi BizOps: pengalih perusahaan, pencarian global ⌘K, notifikasi, dan menu pengguna. Tanpa bar latar penuh — kaca hanya di kelompok kontrol.
Kapan dipakai
Gunakan
- Satu AppHeader per aplikasi, di atas area isi (di samping sidebar), sama di semua modul.
- Pasang CompanySwitcher bila pengguna punya akses ke lebih dari satu perusahaan (Dikstra & Divistant).
- Pencarian global mencari lintas modul (dokumen, customer, distributor); pencarian dalam daftar tetap di Toolbar/FilterBar.
- Tampilkan jumlah belum dibaca hanya untuk hal yang perlu ditindaklanjuti; titik cukup untuk "ada yang baru".
Hindari
- Jangan memberi AppHeader latar penuh atau garis bawah tebal — kaca hanya di kelompok kontrol.
- Jangan menaruh aksi dokumen (Simpan, Ajukan) di AppHeader — itu milik PageHeader/Toolbar.
- Jangan memasang dua landmark banner: matikan `landmark` bila AppHeader disarangkan.
- Jangan menambah banyak IconButton di kelompok kanan; bantuan/pengaturan cukup satu-dua.
Contoh benar & salah
Penulisan
- Placeholder pencarian global menyebut apa yang bisa dicari: "Cari dokumen, customer, distributor…".
- Label tombol notifikasi menyebut jumlah: "Notifikasi, 3 belum dibaca".
- Label menu pengguna: "Akun {nama}".
Komponen terkait
- CompanySwitcherBerpindah antar-perusahaan (Divistant, Dikstra) dalam satu aplikasi.
- SearchFieldKolom pencarian kapsul dengan tombol hapus.
- NotificationPanel notifikasi dengan titik biru belum dibaca ala Mail.
- AvatarInisial atau foto pengguna; grup dengan overflow.
- BadgeAngka kecil di ikon atau menu (99+).
- ToolbarBar judul + pencarian + aksi utama; kaca hanya di kelompok kontrol.
- NavListNavigasi sidebar ala macOS, gaya Symbol atau Tile (System Settings).