react-component / react-component/slider
Best way to display consistent width between uneven range markers?
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.1k
- Forks
- 768
- Avg merge
- 11d 22h
- Merged PRs (30d)
- 5
Description
This is more a question than an issue. Given the following marks: { 20: 20, 100: 100, 250: 250, 500: 500, 1000: 1000 }, is there any way of making the width between them even?
For example, Stripe has a slider with uneven marks which are spaced evenly. So, the first mark is 1-500 and the next is 501-1000, and then 1001-5000. However, the width between them is even.
I imagine this would require tweaking the library's source but I just wondered if somebody had already solved this problem before.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
The issue names no source file, test, or entry point. Start by locating how the slider positions marks, then determine whether uneven values can be displayed at equal visual intervals; done means the provided marks render with consistent spacing and the behavior is covered by an appropriate test.
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
- 25/100