Bileşenler

TextInput

Kullanıcının tek satırlık bir metin ya da sayı girmesini sağlar; etiket, yardım metni ve hata mesajı alana bağlı gelir.

28 Ekim 2026

Eklendi

Alan renkleri odakta ve hatada motion.field ile 110 ms’de değişir; hata metni motion.fieldMessage ile belirir ve 4 px iner, sallanmaz.
invalid: alanı mesaj olmadan geçersiz işaretler.
required ve necessityIndicator: zorunlu alanlara * ve görünmeyen “zorunlu”, ya da isteğe bağlı alanlara “(isteğe bağlı)”; metin kütüphanenin metin kataloğundan, Provider dilinde gelir.
startContent ve endContent: alan kutusunun içinde girdiden önce ve sonra içerik.
readOnly için data-readonly, required için data-required; kökte data-component="text-input", parçalarda data-part.
Özel denetimler için herkese açık Field ve parçaları (Field.Root, Field.Label, Field.Control, Field.Description, Field.Error).

Değişti

aria-describedby sırası sabitlendi: önce açıklama, sonra hata.
description artık metin dışında React içeriği de alıyor.
Kenarlık, dolgu ve odak halkası girdiyi ve başta/sonda içeriği saran kutuda çiziliyor.
Yeni sm boyu (32 px); md 36 px (dokunmatik ekranda 40 px), lg 40 px. Köşe yarıçapı 10 px.
Kutu ince bir gölge alıyor; odak çizgisi kutunun 2 px dışına çiziliyor; geçersiz kutunun çevresinde 2 px tehlike halesi beliriyor.
Dokunmatik (kaba işaretçi) ekranlarda md 44 px, lg 48 px yüksekliğe çıkar; Button ile hizalı kalır.

Eklendi

İlk sürüm: etiket, yardım metni ve hata metni; iki boyut (md, lg); devre dışı durum.
Base UI Field ve Input üzerine kuruldu; etiket, yardım ve hata metni girdiye otomatik bağlanıyor.
Renkler, ölçüler ve odak halkası token’lardan geliyor; açık ve koyu mod ile marka değişimi ek ayar gerektirmiyor.