Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider. This is important for screen reader users.

getAriaValueText

abstract external var getAriaValueText: (value: Number, index: Number) -> String?

Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider. This is important for screen reader users.

isRtl

abstract external var isRtl: Boolean?

If true the Slider will be rendered right-to-left (with the lowest value on the right-hand side).

marks

abstract external var marks: Any?

Marks indicate predetermined values to which the user can move the slider. If true the marks are spaced according the value of the step prop. If an array, it should contain objects with value and an optional label keys.

max

abstract external var max: Double?

The maximum allowed value of the slider. Should not be equal to min.

min

abstract external var min: Double?

The minimum allowed value of the slider. Should not be equal to max.

name

abstract external var name: String?

Name attribute of the hidden input element.

onChange

abstract external var onChange: (event: Event, ReadonlyArray<Number>, activeThumb: Number) -> Unit?

Callback function that is fired when the slider's value changed.

onChangeCommitted

abstract external var onChangeCommitted: (event: SyntheticEvent<*, *>, ReadonlyArray<Number>) -> Unit?

Callback function that is fired when the mouseup is triggered.

orientation

abstract external var orientation: Orientation?

The component orientation.

rootRef

abstract external var rootRef: Ref<Element>?

The ref attached to the root of the Slider.

scale

abstract external var scale: (value: Number) -> Number?

A transformation function, to change the scale of the slider.

shiftStep

abstract external var shiftStep: Number?

The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.

slotProps

abstract external var slotProps: SliderOwnProps.SlotProps?

The props used for each slot inside the Slider.

slots

abstract external var slots: SliderSlots?

The components used for each slot inside the Slider. Either a string to use a HTML element or a component.

step

abstract external var step: Number?

The granularity with which the slider can step through values. (A "discrete" slider.) The min prop serves as the origin for the valid values. We recommend (max - min) to be evenly divisible by the step.

tabIndex

abstract external var tabIndex: Int?

Tab index attribute of the hidden input element.

track

abstract external var track: Union?

The track presentation:

value

abstract external var value: Any?

The value of the slider. For ranged sliders, provide an array with two values.

valueLabelFormat

abstract external var valueLabelFormat: String?

The format function the value label's value.