React RangeSelector - sliderMarker
Defines the properties of the range selector slider markers.
When moving a slider, its marker displays the currently selected scale value. Use the sliderMarker object to set the required properties for the range selector slider markers. For instance, you can format the markers' text, change the text font, or make the markers invisible.
color
Specifies the color of the slider markers.
This property supports the following colors:
- Hexadecimal colors
- RGB colors
- RGBA colors
- Predefined/cross-browser color names
- Predefined SVG colors
- Paint server address
To set a custom color for the font used to display the slider markers' text, use the color property.
customizeText
Specifies a callback function that returns the text to be displayed by slider markers.
The text for the slider marker to display.
this keyword.font
Specifies font properties for the text displayed by the range selector slider markers.
format
Formats a value before it is displayed in a slider marker.
See the format section for information on accepted values.
See Also
invalidRangeColor
Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values.
paddingLeftRight
Specifies the empty space between the marker's left and right borders and the marker's text.
paddingTopBottom
Specifies the empty space between the marker's top and bottom borders and the marker's text.
If you have technical questions, please create a support ticket in the DevExpress Support Center.