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 :

Membuat-Tombol-Dropdown-dengan-UIKit

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.

Membuat-Tombol-Dropdown-dengan-UIKit

DEMO

16 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat