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şin üstüne, soluna veya altına yerleştirir;
floating ile etiket alanın içinde yüzer.
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 | 'top' | 'left' | 'right' | 'bottom' | 'floating' | ... | — |
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.