Replace numeric markers with symbol, such as a icon.
ids
The ids of the elements in the range slider. Useful for composition.
aria-label
The aria-label of each slider thumb. Useful for providing an accessible name to the slider
aria-labelledby
The `id` of the elements that labels each slider thumb. Useful for providing an accessible name to the slider
name
string
The name associated with each slider thumb (when used in a form)
form
string
The associate form of the underlying input element.
value
The value of the range slider
disabled
Whether the slider is disabled
readOnly
Whether the slider is read-only
invalid
Whether the slider is invalid
onFocusChange
Function invoked when the slider's focused index changes
getAriaValueText
Function that returns a human readable value for the slider thumb
min
number
The minimum value of the slider
Default: 0
max
number
The maximum value of the slider
Default: 100
step
number
The step value of the slider
Default: 1
minStepsBetweenThumbs
number
The minimum permitted steps between multiple thumbs.
Default: 0
orientation
The orientation of the slider
Default: "horizontal"
origin
The origin of the slider range
- "start": Useful when the value represents an absolute value
- "center": Useful when the value represents an offset (relative)
Default: "start"
thumbAlignment
The alignment of the slider thumb relative to the track
- `center`: the thumb will extend beyond the bounds of the slider track.
- `contain`: the thumb will be contained within the bounds of the track.
Default: "contain"
dir
The document's text/writing direction.
Default: "ltr"
getRootNode
A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.