Membuat Tombol Dropdown dengan UIKit

Pada tutorial berikut kita akan membuat tombol dropdown dengan UIKit. Seperti yang telah dijelaskan pada pembahasan sebelumnya UIKit merupakan sebuah framework untuk mendesain website yang memiliki arsitektur css yang rapi. Jika ingin mempelajari UIKit silakan baca tutorial membuat modal dengan UIKit dan cara cepat membuat Overlay. Download juga souce UIKit disini.

Dropdown yang akan kita buat adalah dropdown hover. Coba teman-teman ketikan kode HTML berikut :

Perhatikan format penulisan dropdown diatas. Kita hanya memberikan class uk-button-dropdown kemudian membuat sebuah button atau element toggling.

Dari kode diatas kita dapat mengubah dropdown hover menjadi dropdown click. Caranya hanya menambahkan value data-uk-dropdown dengan mode:click seperti berikut.

DEMO