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 |