Add Range

[nfiniteset]

As a developer
I want to add range fields to my application
So that my users can submit information to the application

Typical usage

<Range
  label="Opacity"
  disabled={false}
  onChange={this.setOpacity}
  initialValue={this.state.opacity}
  minValue={0}
  maxValue={1}
  step={0.001}
/>

Complete props

Range.propTypes = {
  name: PropTypes.string,
  initialValue: PropTypes.number,
  label: PropTypes.string,
  required: PropTypes.string
  disabled: PropTypes.bool,
  onBlur: PropTypes.func,
  onChange: PropTypes.func,
  onFocus: PropTypes.func,
}

---

TODO

• [ ] Add PropTypes
• [ ] Add docgenInfo
• [ ] Add unit test coverage
• [ ] Add to playground
• [ ] Add to storybook
  • [ ] With code sample
  • [ ] With props table
• [ ] Canary build on NPM