LabeledRange

All LabeledRange props are passed to the underlying Slider component.

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

With unit defined

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

With formatter function defined

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