Nostalgic Primordial Monster

    react-infinite-range

    0.4.1 • Public • Published

    react-infinite-range Build Status npm version

    React Component for creating infinite range inputs.

    react-infinite-range example

    API Docs

    <InfiniteRange>

    Usage

    Uncontrolled

    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>

    Controlled

    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.

    Props

    children: (state: InfiniteRangeInputState & InfiniteRangeChildProps) => Element<*>

    Required function.

    floor: number

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

    ceiling: number

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

    step: number

    An equivalent of step for traditional HTML range input.

    chunkSize: number
    onChange: (value: number) => void
    onInput: (value: number) => void
    defaultValue: number
    value: number

    Install

    npm i react-infinite-range

    DownloadsWeekly Downloads

    3

    Version

    0.4.1

    License

    MIT

    Unpacked Size

    161 kB

    Total Files

    17

    Last publish

    Collaborators

    • halfzebra