NativeSelect

Ne zaman kullanılır

• Mobilde sistem seçicisinin daha iyi çalıştığı formlarda: ülke, il, ay.
• JavaScript yüklenmeden de çalışması gereken ya da sunucuda çizilen basit formlarda.

Ne zaman kullanılmaz

• Seçeneklerde ikon ya da açıklama gerekiyorsa: Select kullanın.
• Liste uzunsa ve arama gerekiyorsa: Combobox kullanın.
• Birden fazla seçim için: Çoklu Select ya da CheckboxGroup kullanın.

Anatomi

1. Etiket: Field etiketi, <label> ile bağlı.
2. Kontrol: <select>; Select tetikleyicisinin kenarlığı, dolgusu ve yüksekliği.
3. Ok: Sondaki süs ikonu; tıklamayı kontrole geçirir.
4. Yardım metni ve hata: Field açıklaması ve hata iletisi.

Davranış

• Liste tarayıcının kendi listesidir; açılış, kaydırma ve seçim tarayıcıya bırakılır.
• placeholder boş bir ilk seçenek ekler. required ile bu seçenek bir değer seçildikten sonra yeniden seçilemez.
• onValueChange seçilen değerle çağrılır.

Yönergeler

• Aynı formda Select ile NativeSelect’i karıştırmayın.
• Seçenekleri anlamlı bir sırayla verin: alfabetik ya da sık kullanılana göre.

İçerik

• Etiket alanı adlandırır; yer tutucu “Seçin” gibi kısa bir yönerge olur.
• Seçenek metinleri kısa ve birbirinden ayırt edilebilir olur.

İlgili bileşenler

• Select: İkonlu seçenekler ve özel liste.
• Combobox: Aranabilir uzun listeler.