Komponen / Form & input
SearchField
Kolom pencarian kapsul dengan tombol hapus: cari PO, invoice, atau customer di atas daftar dan di dalam panel.
Kapan dipakai
Gunakan
- Taruh di kiri atas daftar yang dicari, di baris yang sama dengan filter (pakai FilterBar).
- Placeholder menyebut bidang yang dicari: "Cari no. PO, customer, no. PO customer".
- Saring hasil saat mengetik untuk data lokal; untuk pencarian ke server, tunda (debounce) ±300 ms.
Hindari
- Jangan memakai placeholder sebagai satu-satunya label — beri aria-label atau FormField.
- Jangan menambah tombol "Cari" terpisah bila hasil sudah tersaring otomatis.
- Jangan memakai SearchField untuk memilih satu nilai dari daftar — pakai Combobox.
Contoh benar & salah
Penulisan
- Placeholder diawali "Cari" lalu bidangnya, huruf kecil setelah kata pertama: "Cari no. PO, customer".
- Jangan diakhiri elipsis atau titik.