IgrSlider | Infragistics API Docs

A slider component used to select numeric value within a range.

CSS Parts: 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.

Properties

The current value of the component.

value: number

Decrements the value of the slider by stepDecrement * step, where stepDecrement defaults to 1.

stepDown(stepDecrement: number): void

stepDecrement: number
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.

stepUp(stepIncrement: number): void

stepIncrement: number
Optional step increment. If no parameter is passed, it defaults to 1.

Emitted when a value change is committed on a thumb drag end or keyboard interaction.

onChange(args: CustomEvent<number>): void

Emitted when a value is changed via thumb drag or keyboard interaction.

onInput(args: CustomEvent<number>): void