UNPKG

vcc-ui

Version:

VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.

35 lines (27 loc) 622 B
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. ```jsx live=true <Slider onChange={value => { console.log(value); }} initialValue={3} step={1} minValue={1} maxValue={5} /> ``` ### Value List Select a number in the Fibonacci sequence ```jsx live=true <Slider initialValue={1} onChange={value => { console.log(value); }} valueList={[0, 1, 2, 3, 5, 8, 13, 21, 34, 66, 89, 144]} /> ``` ### Changelog - *Added in version 0.0.45*