LivaNumberBox
DevExtreme'in NumberBox bileşeni üzerine kurulu sayısal giriş alanı; min/maks sınırları, adım ve biçimlendirme desteğiyle birlikte gelir.
import { LivaNumberBox } from "@dataliva/livalib";
Varyantlar
Görünüm stilini variant belirler: standard, outlined, filled.
Varyantlar
Önizleme yükleniyor…
Min/Maks ve adım
min ve max değer aralığını sınırlar; showSpinButtons ile artırma/azaltma
okları görünür ve her tıklama değeri step kadar değiştirir.
Min/Maks ve adım
Önizleme yükleniyor…
Sayı biçimi
format prop'u değerin nasıl görüntüleneceğini belirler; binlik ayracı,
ondalık basamak ve yüzde gösterimi desteklenir.
Sayı biçimi (format)
Önizleme yükleniyor…
Durumlar
disabled, required, errorMessage ve hint giriş alanının durumunu belirtir.
Durumlar
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
value | number | — |
min | number | — |
max | number | — |
step | number | 1 |
format | string | object | — |
showSpinButtons | boolean | false |
variant | 'standard' | 'outlined' | 'filled' | 'outlined' |
size | 'small' | 'medium' | 'large' | 'medium' |
label | string | — |
labelPosition | 'top' | 'left' | 'right' | 'bottom' | 'floating' | ... | — |
onValueChanged | (e) => void | — |
onType | (value: string) => void | — |
disabled | boolean | false |
required | boolean | false |
errorMessage | string | — |
Ayrıca DevExtreme INumberBoxOptions'tan gelen tüm prop'lar
(ör. showClearButton, invalidValueMessage) kullanılabilir.