React Component for creating infinite range inputs.

import { InfiniteRange } from 'react-infinite-range' // In your render: <InfiniteRange floor={100} ceiling={1000000000} step={100} chunkSize={500000} defaultValue={100} > {props => <input type="range" { ...props } />} </InfiniteRange>

InfiniteRange owns the state of the input component and derives it from props. This is a design decision to hide implementation details from the consumer. Read more in You Probably Don't Need Derived State.

Required function.

Lower boundary for the input, you might think of it as min for traditional HTML range input.

Upper boundary for the input, you might think of it as max for traditional HTML range input.

An equivalent of step for traditional HTML range input.