React Alegrify UI
Range Input
Variants
Default
<RangeInput
name="my_mood"
min={1}
max={10}
lowIndicator="-"
highIndicator="+"
/>Disabled
<RangeInput
disabled
name="my_mood2"
min={1}
max={10}
lowIndicator="-"
highIndicator="+"
/>Properties
| Property | Type | Default |
|---|---|---|
| className | string | |
| id* | string | |
| name* | string | |
| value | number | |
| disabled | bool | |
| lowIndicator | string | |
| highIndicator | string | |
| min | number | 1 |
| max | number | 10 |
| step | number | 1 |
| onValueChange | func | |
| dataTest | string | |
| dataTestId | string |