Disables the UI interactions of the slider.
Marks the slider track as discrete so it displays the steps.
If the step
is 0, the slider will remain continuos even if discreteTrack
is true
.
Hides the primary tick labels.
Hides the secondary tick labels.
Hides the thumb tooltip.
The locale used to format the thumb and tick label values in the slider.
The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.
The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.
The degrees for the rotation of the tick labels. Defaults to 0.
Changes the orientation of the ticks.
String format used for the thumb and tick label values in the slider.
Number format options used for the thumb and tick label values in the slider.
The aria label of the slider thumb.
The lower bound of the slider value. If not set, the min
value is applied.
The maximum value of the slider scale. Defaults to 100.
The minimum value of the slider scale. Defaults to 0.
Specifies the granularity that the value must adhere to. If set to 0 no stepping is implied and any value in the range is allowed.
The upper bound of the slider value. If not set, the max
value is applied.
The current value of the slider.
Decrements the value of the slider by stepDecrement * step
, where stepDecrement
defaults to 1.
Optional step decrement. If no parameter is passed, it defaults to 1.
Increments the value of the slider by stepIncrement * step
, where stepIncrement
defaults to 1.
Optional step increment. If no parameter is passed, it defaults to 1.
A slider component used to select numeric value within a range.
igc-slider
igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.
igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.
base - The base wrapper of the slider.
ticks - The ticks container.
tick-group - The tick group container.
tick - The tick element.
tick-label - The tick label element.
tick-label-inner - The inner element of the tick label.
thumbs - The thumbs container.
thumb - The thumb element.
thumb-label - The thumb tooltip label container.
thumb-label-inner - The thumb tooltip label inner element.
track - The track container.
steps - The track steps element.
inactive - The inactive element of the track.
fill - The filled part of the track.