Autocomplete

Ne zaman kullanılır

• Kullanıcının serbest metin yazdığı ama sık değerlerin önerilebileceği alanlarda: şehir, banka adı, ürün adı, arama.

Ne zaman kullanılmaz

• Değer bir listeden olmak zorundaysa: Combobox ya da Select kullanın.
• Öneri yoksa: TextInput ya da SearchInput kullanın.

Anatomi

1. Etiket: Field etiketi.
2. Giriş: Metin alanı; isteğe bağlı temizle düğmesi.
3. Liste: Yazılan metne uyan öneriler.

Davranış

• Yazmak listeyi açar ve önerileri Provider dilinde, büyük-küçük harf gözetmeden süzer; “i” ve “İ” Türkçe kurala uyar.
• Bir öneri seçmek onu alana yazar; kullanıcı listede olmayan bir metin de bırakabilir.
• loading süresince yükleniyor satırı gösterilir ve öneriler yeniden süzülmez; sunucu sonuçlarını olduğu gibi verin.
• limit gösterilen öneri sayısını sınırlar.

Yönergeler

• Önerileri kısa tutun; en sık değerleri üstte verin.
• Seçimin zorunlu olduğu yerde Autocomplete değil Combobox kullanın.

İçerik

• Etiket alanı adlandırır; yer tutucu bir örnek ya da yönerge olur.
• emptyText kullanıcının yazmaya devam edebileceğini söyler: “Öneri yok”.

İlgili bileşenler

• Combobox: Listeden seçim zorunlu.
• SearchInput: Önerisiz arama.
• TextInput: Serbest metin.