LivaTextBox
DevExtreme'in TextBox bileşeni üzerine kurulu tek satırlık metin girişi;
variant, size, label ve doğrulama prop'larıyla genişletilmiştir.
import { LivaTextBox } from "@dataliva/livalib";
Varyantlar
Görünüm stilini variant belirler: standard, outlined, filled.
Varyantlar
Önizleme yükleniyor…
Boyutlar
Boyutlar
Önizleme yükleniyor…
Etiket konumları
labelPosition etiketi girişe göre konumlandırır: üstte (top-start,
top-center, top-end), altta (bottom-start, bottom-center, bottom-end),
solda (start) veya sağda (end).
Etiket konumları
Önizleme yükleniyor…
Kontrollü değer
value ve onValueChanged ile bileşen kontrollü kullanılabilir;
valueChangeEvent="keyup" değeri her tuş vuruşunda günceller.
Kontrollü değer
Önizleme yükleniyor…
Durumlar
disabled, required, errorMessage ve hint giriş alanının durumunu belirtir.
Durumlar
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
value | string | — |
defaultValue | string | — |
placeholder | string | — |
variant | 'standard' | 'outlined' | 'filled' | 'outlined' |
size | 'small' | 'medium' | 'large' | 'medium' |
label | string | — |
labelPosition | 'start' | 'end' | 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' |
labelWidth | number | string | — |
onValueChanged | (e) => void | — |
onType | (value: string) => void | — |
disabled | boolean | false |
readOnly | boolean | false |
required | boolean | false |
hint | string | — |
errorMessage | string | — |
Ayrıca DevExtreme ITextBoxOptions'tan gelen tüm prop'lar (ör. mask,
maxLength, showClearButton) kullanılabilir.