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.
Yang sudah ditangani
- Inline: <aside aria-labelledby> menunjuk judul (dan aria-describedby ke subtitle) sehingga panel terbaca sebagai wilayah bernama.
- Overlay: Radix Dialog — role="dialog", fokus terkunci di panel, Esc menutup, fokus kembali ke pemicu.
- Tombol tutup memakai IconButton berlabel "Tutup panel".
- Isi bergulir di dalam panel; header dan footer tetap terlihat.
Keyboard
| Tombol | Fungsi |
|---|---|
| Tab | Pindah antar elemen di panel (terkunci di panel pada mode overlay) |
| Esc | Menutup panel overlay |
| EnterSpasi | Menjalankan tombol yang difokus |
Tanggung jawab Anda
- Beri label yang bermakna: teks label, atau aria-label untuk kontrol tanpa teks.
- Uji di mode gelap dan kontras tinggi (pilih lewat menu Tema di kanan atas, atau tombol Terang/Gelap di tiap contoh).
- Pastikan semua aksi bisa dijalankan dengan keyboard saja.