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
  }}
/>