SliderProps
Properties
Override or extend the styles applied to the component.
The color of the component. It supports both default and custom theme colors, which can be added as shown in the palette customization guide.
The components used for each slot inside.
The extra props for the slot components. You can override the existing props or add new ones.
The default value. Use when the component is not controlled.
If true
, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
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.
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.
Callback function that is fired when the mouseup
is triggered.
The component orientation.
The props used for each slot inside the Slider.
The components used for each slot inside the Slider. Either a string to use a HTML element or a component.
Controls when the value label is displayed:
The format function the value label's value.