Panduan / Komponen
Sidebar kiri
Coba tombol di kepala sidebar untuk menciutkan dan melebarkannya. Konten di kanan otomatis mengisi ruang yang dilepas.
Ukuran dan keadaan
Terbuka264 px, ikon + label
Ciut72 px, ikon saja
Tinggi item44 px
Ikon20 px, garis 1,8
Animasi220 ms
Perilaku
- Item aktif: latar terang dan penanda mint di tepi kiri.
- Saat ciut, nama item tampil sebagai tooltip dan judul grup menjadi garis pemisah.
- Lencana angka berubah menjadi titik mint agar tetap terlihat.
- Tombol dapat dijangkau keyboard dan memiliki cincin fokus.
- Pada layar sempit sidebar disarankan otomatis ciut.
Auto layout
- Sidebar adalah kolom flex dengan jarak 4 px.
- Setiap item adalah baris flex: ikon, label, lencana.
- Grup PENGATURAN dan profil menempel di bawah lewat spacer fleksibel.
- Menambah atau menghapus item tidak membutuhkan perubahan posisi manual.