MenusLesson 53Preview gratis
Vertical Button Group
Lesson ini bagian dari How To · Semua level
Ringkasan
Vertical button group menumpuk tombol terkait dari atas ke bawah, cocok untuk sidebar alat atau menu tindakan yang sempit. Setiap tombol biasanya mengisi lebar kontainer agar tampil seragam. Sama seperti grup horizontal, border ganda dihilangkan dan sudut hanya dibulatkan pada ujung atas serta ujung bawah.
Poin kunci
- flex-direction: column membuat tombol tersusun vertikal.
- width: 100% atau lebar kontainer membuat semua tombol sama lebar.
- margin-top: -1px pada tombol berikutnya menghilangkan border ganda.
- border-radius diterapkan pada tombol pertama dan terakhir saja.
- text-align: left atau center disesuaikan dengan gaya antarmuka.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.