Skip to content

SliderProps

SliderProps are the props of ReactComponent.Slider.

type SliderProps = {
value: number;
min: number;
max: number;
step: number;
labelText?: string;
isInteractive?: boolean;
forceActiveStyles?: boolean;
onDragStart: (value: number) => void;
onDragMove: (value: number) => void;
onDragEnd: (value: number) => void;
onStepForward?: () => void;
onStepBackward?: () => void;
};
PropDescription
value, min, maxThe current value and its range.
stepThe amount one keyboard step changes the value.
labelTextThe accessible label.
isInteractiveLets the user drag the slider.
forceActiveStylesShows the active style when the user is not dragging.
onDragStart, onDragMove, onDragEndRun with the value when a drag starts, moves and ends.
onStepForward, onStepBackwardDeprecated step callbacks.