Menu dropdown seperti katanya ini sudah tidak asing ya, apalagi di setiap website biasanya menu dropdown pasti ada, dan menu dropdwon ini di gunakan untuk sebuah sub menu, jadi cocok sekali digunakan untuk menu yang mempunyai anak menu yang banyak seperti products misalnya, kenapa saya mengakat artike cara berbeda membuat menu dropdown ini, karena ada suatu menarik jadi tidak hanya untuk menu saja tapi bisa kita gunakan untuk menampilkan yang lain.

cara berbeda membuat menu dropdown yang membuat berbeda adalah bisanya ketika kita menggunkan menu dropdown, kita gunakan sebuah ul li, tapi disini kita tidak akan menggunakan itu, dan cara ini saya temukan di sebuah bootstrap vue, oke untuk membuat menu ini saya teman-teman bisa gunakan.

jadi pertama kita buat parentya yaitu dropdown dan untuk anak dropdownya teman-teman bisa gunakan dropdown-item kita juga bisa gunakan <b-dropdown-divider> untuk membuat sebuah garis.

kita juga bisa membuat template di dalam sebuah dropdown ini, disini juga saya akan membahas

menampilkan tampilan dropdwon di sebelah kanan dari garis kanan

menampiklan munculnya dropdown ke atas, kanan, kiri

dengan offset kita bisa menampilkan keluarnya dropdwon sesuka kita defaul 0 / kiri

menampilkan garis untuk pemisah antara teks dan icon button dropdown

kita juga bisa membuat sebuah router link dengan fungsinya jika parent buttonya di klik maka akan ke routernya jika split maka akan muncul menu dropdownnya

membuat size , membuat warna

Disini kita juga bisa membuat sebuah form

keren bukan kita bisa menyisipkan sebuah form di dalam dropdown, hasilnya akan seperti ini

cara berbeda membuat menu dropdown

jadi dropdown tidak lagi digunakan untuk membuat menampilkan menu dropdown saja, kita bisa sisipkan yang lain, saya rasa cukup sampai disini saja belajar kita tentang cara berbeda membuat menu dropdown semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

WhatsApp chat