Ignite UI for React

All
  • Public
  • Public/Protected
  • All

Interface IIgrRangeSliderProps

Hierarchy

Hierarchy

Properties

Properties

Optional ariaLabelLower

ariaLabelLower?: string

The aria label of the lower thumb.

Optional ariaLabelUpper

ariaLabelUpper?: string

The aria label of the upper thumb.

Optional change

change?: ((s, e) => void)

Type declaration

Optional children

children?: ReactNode

Optional className

className?: string

Optional disabled

disabled?: string | boolean

Disables the UI interactions of the slider.

Optional discreteTrack

discreteTrack?: string | boolean

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.

Optional hidePrimaryLabels

hidePrimaryLabels?: string | boolean

Hides the primary tick labels.

Optional hideSecondaryLabels

hideSecondaryLabels?: string | boolean

Hides the secondary tick labels.

Optional hideTooltip

hideTooltip?: string | boolean

Hides the thumb tooltip.

Optional id

id?: string

Optional input

input?: ((s, e) => void)

Type declaration

Optional locale

locale?: string

The locale used to format the thumb and tick label values in the slider.

Optional lower

lower?: string | number

The current value of the lower thumb.

Optional lowerBound

lowerBound?: string | number

The lower bound of the slider value. If not set, the min value is applied.

Optional max

max?: string | number

The maximum value of the slider scale. Defaults to 100. If max is less than min the call is a no-op. If labels are provided (projected), then max is always set to the number of labels. If upperBound ends up being greater than than the current max value, it is automatically assigned the new max value.

Optional min

min?: string | number

The minimum value of the slider scale. Defaults to 0. If min is greater than max the call is a no-op. If labels are provided (projected), then min is always set to 0. If lowerBound ends up being less than than the current min value, it is automatically assigned the new min value.

Optional primaryTicks

primaryTicks?: string | number

The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.

Optional secondaryTicks

secondaryTicks?: string | number

The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.

Optional step

step?: string | number

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. If labels are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.

Optional style

style?: CSSProperties

Optional thumbLabelLower

thumbLabelLower?: string

The aria label for the lower thumb.

Optional thumbLabelUpper

thumbLabelUpper?: string

The aria label for the upper thumb.

Optional tickLabelRotation

tickLabelRotation?: string | TickLabelRotation

The degrees for the rotation of the tick labels. Defaults to 0.

Optional tickOrientation

tickOrientation?: string | SliderBaseTickOrientation

Changes the orientation of the ticks.

Optional upper

upper?: string | number

The current value of the upper thumb.

Optional upperBound

upperBound?: string | number

The upper bound of the slider value. If not set, the max value is applied.

Optional valueFormat

valueFormat?: string

String format used for the thumb and tick label values in the slider.

Optional valueFormatOptions

valueFormatOptions?: NumberFormatOptions

Number format options used for the thumb and tick label values in the slider.