MenusLesson 6Preview gratis
Vertical Tabs
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas perancangan Tab Vertikal (Vertical Tabs). Berbeda dengan tab konvensional yang berderet horizontal di atas, tab vertikal menempatkan bilah menu di sebelah kiri dan panel konten di sebelah kanan, sangat cocok untuk dashboard administrasi dan layar desktop yang lebar.
Poin kunci
- Bilah tombol tab ditata vertikal dengan float: left atau CSS Flexbox
- Konten tab diletakkan di sisi kanan dengan lebar fleksibel
- Menerapkan pembagian kolom proporsional (contoh: tab 20%, konten 80%)
- Logika JavaScript tetap serupa dengan tab horizontal: sembunyikan semua, tampilkan target
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.