Slider API

API reference docs for theSlidercomponent. For examples and details on the usage of this component, visit the component demo page.

Props​

Prop

Type

Description

Default

adornmentEnd?

ReactNode

Slot to render content after slider.

_

adornmentStart?

ReactNode

Slot to render content before slider.

_

ariaLabelledBy

string

The id of the element that serves as the accessible label for the slider.

_

minValue?

number

Minimum allowed value of the slider.

0

maxValue?

number

Maximum allowed value of the slider.

100

step?

number

Step increment for the slider.

Note: The step value must always be greater than 0.

1

value?

number

Controlled value of the slider, used when the slider value is managed externally.

_

defaultValue?

number

Default value of the slider, used when the slider is uncontrolled. Should be within minValue and maxValue.

_

isDisabled?

boolean

Disables the slider, preventing user interaction.

false

onValueChange?

function

Callback function triggered when the slider value changes, providing the new value as an argument.

_

Note: If value or defaultValue falls outside the min and max range, a console warning will appear, and the component will not render.