ButtonsLesson 100Preview gratis
Split Buttons
Lesson ini bagian dari How To · Semua level
Ringkasan
Split button menggabungkan satu aksi utama dengan menu panah yang berisi aksi tambahan. Bagian kiri langsung menjalankan perintah utama, sedangkan bagian kanan membuka daftar pilihan lain. Pola ini menghemat ruang tanpa menyembunyikan aksi yang paling sering dipakai.
Poin kunci
- Split button terdiri dari tombol aksi utama dan tombol panah dropdown.
- Kedua bagian ditempatkan dalam satu wadah agar tampak menyatu.
- Menu dropdown memakai position: absolute dan disembunyikan secara default.
- JavaScript men-toggle class untuk membuka dan menutup menu.
- Atribut aria-expanded dan aria-label membantu pengguna pembaca layar.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.