Rest
...args: any[]The disabled state of the component
[disabled=false]
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
.
discrete-track
Hides the primary tick labels.
hide-primary-labels
Hides the secondary tick labels.
hide-secondary-labels
Hides the thumb tooltip.
hide-tooltip
Control the validity of the control.
The locale used to format the thumb and tick label values in the slider.
The name attribute of the control.
The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.
primary-ticks
The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.
secondary-ticks
The degrees for the rotation of the tick labels. Defaults to 0.
tick-label-rotation
Changes the orientation of the ticks.
tick-orientation
The current value of the component.
Optional
valueString format used for the thumb and tick label values in the slider.
value-format
Optional
valueNumber format options used for the thumb and tick label values in the slider.
Static
Readonly
tagReturns the HTMLFormElement associated with this element.
The lower bound of the slider value. If not set, the min
value is applied.
lower-bound
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.
upper-bound
A string containing the validation message of this element.
Returns a ValidityState object which represents the different validity states the element can be in, with respect to constraint validation.
A boolean value which returns true if the element is a submittable element that is a candidate for constraint validation.
A slider component used to select numeric value within a range.
Element
igc-slider
Fires
igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.
Fires
igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.
Csspart
base - The base wrapper of the slider.
Csspart
ticks - The ticks container.
Csspart
tick-group - The tick group container.
Csspart
tick - The tick element.
Csspart
tick-label - The tick label element.
Csspart
tick-label-inner - The inner element of the tick label.
Csspart
thumbs - The thumbs container.
Csspart
thumb - The thumb element.
Csspart
thumb-label - The thumb tooltip label container.
Csspart
thumb-label-inner - The thumb tooltip label inner element.
Csspart
track - The track container.
Csspart
steps - The track steps element.
Csspart
inactive - The inactive element of the track.
Csspart
fill - The filled part of the track.