Navigation drawer biasanya kita temui pada suatu navbar, jika kemarin teman-teman membaca artikel saya sebelumnya pasti sudah membuat navbarnya dimana navbarnya itu di sebelah kiri terdapat garis 3, dan ketika kita klik garis tiga itu akan muncul sebuah navigation itu lah yang di sebut navigation drawer, dan disini kita akan belajar bagaimana cara memasang navigation drawer di Vuetify, jadi jangan kemana-mana simak terus ya teman-teman.

Navigation drawer berfungsi untuk melihat suatu menu yang terdapat pada sebuah website dari kiri halaman, pasti teman-teman pernah ya melihat menu yang ada di kiri halaman, walaupun tidak menutup kemungkinan dari kanan halaman, dan yang membedakan ini cara memasang navigation drawer di Vuetify, adalah kita bisa menyebunyikan dan menampilkan halaman navigationnya, dan cara ini saya temukan di vuetify ini dan menurut saya cara ini menarik juga untuk di share ke teman-teman.

Dan nantinya di dalam navigation saya juga akan memasang sebuah grup list dimana fungsinya sama seperti menu dropdown tetapi bukan, ini saya sebut list-group, oke langsung saja silahkan teman-teman buka file navbar.vue nya meneruskan yang kemarin ya, dan di bagian bawah sehabis penutup toolbar silahkan teman-teman buat template seperti ini, silahkan copy saja

seperti yang saya tulis di atas, ya ada list groupnya juga  dan karena ada list gorup disini saya ambil dari blogs yang ada di data seperti ini:

dan perlu di ingat juga navigation drawer itu harus bersifat false ya jika tampilan pertama kita ingin menutupnya baru ketika kita ingin membukannya teman-teman harus mengkliknya terlebih dahulu, oke jika sudah berhasil maka tampilannya ketika kita klik akan seperti ini:

cara memasang navigation drawer di Vuetify

bagaimana sangat cantik dan menarik bukan, oke saya rasa cukup sampai disini belajar kita tentang cara memasang navigation drawer di Vuetify, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.