dropdown list

⌘ Anatomy

Fungsi dan Cara Penggunaannya

*

Komponen ini berfungsi untuk menyediakan pilihan dalam bentuk daftar yang dapat dipilih oleh pengguna.

**

Digunakan ketika Memilih sebuah kategori, atau opsi filter dalam daftar list.

Penjelasan Component Variant

1

Menampilkan pilihan yang sedang dipilih atau placeholder (seperti "Pilih list item") ketika belum ada pilihan yang dipilih.

2

Menampilkan semua opsi yang tersedia dalam bentuk daftar ketika pengguna mengklik field dropdown.

↔ Spacing

Dropdown

Width

Fixed

320px

Height

Fixed

44px

Direction

Vertical

Align Children

Top Left

Gap

8px

Dropdown List

Width

Fill

320px

Height

Hug

44px

Stroke variable

Focussed/Focussed - Primary

Direction

Vertical

Align Children

Top Left

Gap

10px

Corner radius

Border - Radius/8PX

ramadhanrizqi617@gmail.com