A value picker drawn as a ruler the user scrolls along.
booleanfalse |
Whether the ruler ignores input. |
format | ((value: number) => string) | – | Formats a value for the marks and for screen readers, such as |
itemWidth | number | 80 | The distance between two marks, in pixels. |
labels | Partial<RulerPickerLabels> | – | Replaces the built-in text for this instance. See |
max | number | 100 | The highest value on the ruler. |
min | number | 0 | The lowest value on the ruler. |
name | string | – | The form field name. The value is submitted under it. |
onChange | ((value: number) => void) | – | Called with the new value as the ruler settles on a mark, by scrolling, dragging or the keys. Not called when |
size | "lg"|"md"|"sm" | md | The size of the component. |
step | number | 1 | The distance between two marks, in value. Use |
subDivisions | number | 4 | The number of small ticks drawn between two marks. With |
value | number | – | The selected value. Use with |