Lompat ke isi
CirccaHIG

Komponen / Form & input

Select

Memilih satu nilai dari daftar pendek (≤ ±15 opsi). Lebih dari itu pakai Combobox (dengan pencarian).
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Urutkan opsi secara logis (frekuensi atau alfabet).
  • Opsi yang tidak berlaku dibuat disabled dan jelaskan alasannya di teks bantuan.

Hindari

  • Jangan untuk 2–5 opsi yang perlu terlihat semua — pakai Radio.
  • Jangan untuk daftar panjang (customer, item) — pakai Combobox.

Contoh benar & salah

GunakanTiga opsi yang perlu dibandingkan: Radio, semua terlihat sekaligus.
HindariSelect untuk tiga opsi — pengguna harus membuka menu dulu untuk tahu pilihannya.

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil