LivaRangeSelector
DevExtreme'in RangeSelector bileşenini saran ince bir katman. Bir ölçek
üzerinde iki kaydırıcıyla alt/üst sınır seçtirir; fiyat filtresi, dönem
seçimi gibi senaryolarda kullanılır. Ölçek ve kaydırıcı alt bileşenleri
devextreme-react/range-selector paketinden içe aktarılır.
import { LivaRangeSelector } from "@dataliva/livalib";
import { Scale, SliderMarker } from "devextreme-react/range-selector";
Aralık seçimi ve onValueChanged
Scale başlangıç/bitiş değerlerini ve işaret aralıklarını tanımlar.
Kullanıcı kaydırıcıyı bıraktığında onValueChanged tetiklenir; e.value
seçilen alt ve üst sınırı içeren bir dizidir. Başlangıç seçimi
defaultValue ile verilir.
Kaydırıcı etiketleri
SliderMarker kaydırıcıların üzerindeki değer etiketlerini yapılandırır;
format ile sayı biçimi belirlenir.
| Prop | Tip | Açıklama |
|---|---|---|
defaultValue | [number, number] | Başlangıçta seçili aralık |
value | [number, number] | Kontrollü kullanımda seçili aralık |
onValueChanged | (e) => void | Seçim değişince tetiklenir, e.value yeni aralık |
dataSource | object[] | Ölçeği veriden üretmek için isteğe bağlı kaynak |
height / width | number | string | Bileşen boyutları |
className | string | livalib'e özgü ek prop |
style | React.CSSProperties | livalib'e özgü ek prop |
Scale, SliderMarker, Behavior, Chart gibi alt bileşenler
devextreme-react/range-selector paketinden alınır. Geri kalan tüm prop'lar
DevExtreme RangeSelector'dan miras alınır.