react-component / react-component/input-number

Progressive steps

Open
#186 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
323
Forks
188
Avg merge
20h 3m
Merged PRs (30d)
1

Description

Hello guys. I'm using your component and at the moment I have a task where I have to implement different steps depending on value. For example:
When the value is in a rage of 1-100 one arrow click should increase/decrease the value by 1. When the value of the input is in range 100-1000 one arrow click should increase/decrease the value by 5. And so on.

Please let me know what you think about implementing it in the component. If you think it makes sense I'll raise a PR soon. I was thinking that step property can take either string/number as it is now or array of objects. Something like:

<RCInputNumber
    step={[
        { min: -100, max: 100, value: 1 },
        { min: -1000, max: 1000, value: 5 },
        { min: -10000, max: 10000, value: 10 }
    ]}
/>

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Review the current step property and the component's arrow-click behavior before deciding whether range-based steps belong in the API. Confirm the intended range semantics and array shape with maintainers; done means an agreed design and implementation that changes increments according to the input value.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.