LivaSelectBox
DevExtreme'in SelectBox bileşeni üzerine kurulu; variant, size, label,
hint ve errorMessage prop'larıyla genişletilmiş bir açılır seçim kutusu.
import { LivaSelectBox } from "@dataliva/livalib";
Temel kullanım
Dizi tabanlı dataSource ile birlikte displayExpr görünen metni,
valueExpr seçilen değeri belirler.
Temel kullanım
Önizleme yükleniyor…
Kontrollü seçim
value ve onValueChanged ile bileşen React state'ine bağlanır.
Kontrollü seçim
Önizleme yükleniyor…
Arama
searchEnabled yazarak filtrelemeyi, showClearButton seçimi temizleme
düğmesini etkinleştirir.
Arama
Önizleme yükleniyor…
Durumlar
disabled bileşeni kapatır; required etiketin yanına yıldız ekler,
errorMessage alanın altında hata metni gösterir.
Durumlar
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
dataSource | any[] | { loadUrl, key?, pageSize?, paginate? } | — |
value | any | — |
displayExpr | string | — |
valueExpr | string | — |
onValueChanged | (e) => void | — |
placeholder | string | — |
label | string | — |
labelPosition | LabelPosition | 'top-start' |
variant | 'standard' | 'outlined' | 'filled' | 'standard' |
size | 'small' | 'medium' | 'large' | 'medium' |
disabled | boolean | false |
required | boolean | false |
hint | string | — |
errorMessage | string | — |
Ayrıca DevExtreme ISelectBoxOptions'tan gelen tüm prop'lar (ör.
searchEnabled, showClearButton, width).