Button group itu tidak lebih sama halnya seperti button biasa, bedanya di button group ini adalah sebuah buttonya itu dempet menjadi satu, biasanya kita lihat teripisah antara button satu dan button lainya, tetapi di sini tampilannya sedikit berbeda, jadi kita bisa mempercantik button ya kita pakai, dan seperti apa cara mudah membuat button group, simak terus ya teman-teman.

untuk cara mudah membuat button group kita masih menggunakan sebuah bootstrap vue ya, dan disini saya juga akan mencoba mencontohkan beberapa  variasi dari sebuah button group yang ada di bootstrap vue ini langsung saja, yang pertama kita bisa membuat button group seperti ini

cara mudah membuat button group

Bisa dilihat ya teman-teman walaupun mepet tetapi tetap cantik karena bisa di masukan sebuah warna dan ada sebuah efek border radiusnya di setiap sisi, oke kita lanjut, kita juga bisa membuat tidak hanya sejajar kesamping tetapi kita juga bisa membuatnya kebawah seperti ini

cara mudah membuat button group

jadi kita tinggal menambahkan sebuah attribute vertikal maka hasilnya pun akan kebawah, oke selanjutnya kita juga bisa membuat sebuah buttonya itu seperti menu, bahkan tidak sekedar menu tetapi kita juga bisa membuat sebuah dropdwon di sebuah buttonya caranya seperti ini

 

Jangan lupa hal yang terpenting disini adalah sebuah tag button groupnya ya maka dari itu dropdown harus ada di dalam sebuah tag button groupnya atau biasa kita bilang sebagai anak dari button group, jadi kita membuat dropdown dengan dempet juga, dan hasil yang di dapatkan akan seperti ini

cara mudah membuat button group

bagaimana cantik bukan oke saya rasa kita cukup jelas belajar kita tentang cara mudah membuat button group semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

WhatsApp chat