Komponen / Form & input
MultiSelect
Memilih beberapa nilai dari daftar dengan pencarian — penanggung jawab tugas, tim proyek, reviewer BAST, tag. Nilai terpilih tampil sebagai Token di dalam field.
Kapan dipakai
Gunakan
- Pakai untuk memilih beberapa orang atau label dari daftar yang dicari: assignee, reviewer, anggota tim, tag.
- Beri avatar untuk orang dan jabatan sebagai deskripsi agar nama yang mirip mudah dibedakan.
- Batasi field agar tetap terbaca — bila pilihan biasanya > 6, tampilkan ringkasan ("6 orang") di tempat lain.
Hindari
- Jangan memakai MultiSelect untuk 2–5 opsi tetap — Checkbox berjajar lebih cepat dipindai.
- Jangan memakai MultiSelect sebagai filter daftar — pakai FilterChip/FilterBar.
- Jangan memotong Token terpilih menjadi satu baris yang tersembunyi; biarkan membungkus ke baris baru.
Contoh benar & salah
Anisa NugrahaDimas PrasetyoRina KartikaYoga Saputra
Kirim notifikasi ke
Kirim notifikasi ke
CustomerSales
Penulisan
- Label field berupa kata benda jamak atau peran: "Penanggung jawab", "Reviewer BAST", "Tag".
- Placeholder berupa ajakan: "Pilih penanggung jawab", "Tambah tag".
- Footer menghitung pilihan: "3 dipilih".
Komponen terkait
- ComboboxPilihan dengan pencarian untuk daftar panjang (customer, item) + aksi "Buat baru".
- TokenNilai terpilih yang bisa dihapus di dalam MultiSelect atau filter.
- CheckboxPilihan independen atau persetujuan tunggal.
- SelectPop-up button untuk memilih satu dari daftar pendek.
- FilterChipFilter aktif berbentuk chip: "Status: Draft".
- FormFieldLabel + kontrol + teks bantuan/error yang saling terhubung.