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

PropertyTypeDefault
classNamestring
id*string
name*string
valuenumber
disabledbool
lowIndicatorstring
highIndicatorstring
minnumber1
maxnumber10
stepnumber1
onValueChangefunc
dataTeststring
dataTestIdstring