LabeledRange

All LabeledRange props are passed to the underlying Slider component.

Height
1 - 100+
<LabeledRange
  min={1}
  max={100}
  step={1}
  defaultValue={[1, 100]}
  disabled={false}
  label="Height"
/>

With unit defined

Height
1 - 100+
<LabeledRange
  min={1}
  max={100}
  step={1}
  defaultValue={[1, 100]}
  disabled={false}
  label="Height"
/>

With formatter function defined

Price
$1 - $100+
<LabeledRange
  min={1}
  max={100}
  step={1}
  defaultValue={[1, 100]}
  disabled={false}
  label="Price"
  formatter={(min, max, maxIndicator) => {
    return "$" + min + " - $" + max + maxIndicator
  }}
/>