Slider

VCC UI Slider is deprecated

No replacement is currently generally available.

A slider is an input field that can be used to select a numeric value within a given range (minimum and maximum values) or from a custom sequence of values (a value list)

Example

A simple numerical range between 1 and 5.

Value List

Select a number in the Fibonacci sequence

Props - Slider

NameDescriptionTypeDefault Value
disabledboolean | undefinedn/a
initialValuenumbern/a
maxValuenumber | undefinedn/a
minValuenumber | undefinedn/a
onChange((currentValue: number) => void) | undefinedn/a
onMoveEnd(() => void) | undefinedn/a
onMoveStart((currentValue: number) => void) | undefinedn/a
stepnumber | undefinedn/a
themeCurrentTheme | undefinedn/a
valueListnumber[] | undefinedn/a
2024 © Volvo Car Corporation