SliderX Options
You can pass additional options which change the behaviour of the SliderX component.
Use EnumSliderXOptions to access these options.
- JavaScript / Typescript
<SliderXSelector
...
options={EnumSliderXOptions.DynamicColorSampleRight | EnumSliderXOptions.ClickableLabels}
...
></SliderXSelector>
| EnumSliderXOptions. | Selector | Classic | Description |
|---|---|---|---|
| DynamicColorSampleRight | x | x | In case of the thumb being exactly between two colors, sample the right side color of the thumb instead of the left side Sampled Left (default) Sampled Right |
| DisableCenteredOptions | x | Disable the default centering of the options in SliderXSelector. This way the selectable options span from the very beginning of the slider to the very end | |
| ClickableLabels | x | Makes click on the labels change the slider position |