Framework Materialize adalah sebuah framework CSS yang dapat membantu kalian dalam mempercantik tampilan website dengan waktu yang relatif singkat. Karena dalam pembuatanya sudah ditata sedemikian rapih sehingga kalian hanya perlu membaca dokumentasi untuk membuat tampilan website. Salah satu hal yang selalu ada pada setiap website adalah menu navigasi. Menu navigasi adalah sebuah menu yang ada pada website untuk mengategorikan konten berdasarkan kategori tertentu. Kadang menu tersebut mempunyai sub menu lagi karena kategorinya makin di persempit.

Sesuai dengan pembahasan diatas, kita akan belajar bagaimana cara membuat dropdown dengan Materialize. Dropdown ini akan membantuk kalian dalam membuat sub menu jika diperlukan. Dropdown dari materialize sudah diatur, kalian hanya perlu mempelajari bagaimana cara penulisanya dan apa saja yang perlu dipersiapkan akan dropdown ini berjalan dengan lancar. Untuk lebih jelas lagi kalian bisa ikuti beberapa langkah dibawah ini.

Pertama buat file html terlebih dahulu dan salin code dibawah ini.

dropdown.html

Setelah sudah kalian simpan dengan nama sesuai keinginan kalian, namun jangan lupa disimpan dalam format HTML. Selanjutnya kalian bisa lihat hasilnya pada browser kalian. Jika berhasil maka tampilanya akan seperti ini.

Menu dalam tampilan biasanya, namun saat kalian klik tombolnya maka akan muncul sub menu seperti gambar dibawah ini.

Kalian bisa modifikasi kembali sub menu tersebut sesuai dengan konsep dan tema website kalian. Bisa dikembangkan lagi kedepanya untuk membuat dropdown menu pada tampilan mobile, karena media mobile sangat terbatas, sangat cocok jika menggunakan sub menu untuk mengurangi ruang agar tidak terlihat sesak dan kesan sempit.

Oke sekian pembahasan mengenai cara membuat dropdown dengan materialize, semoga artikel kali bermanfaat untuk kalian semua.