react-component / react-component/slider

How to get marks value when onChange action triggered

Open
#854 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
3.1k
Forks
768
Avg merge
11d 22h
Merged PRs (30d)
5

Description

image
Please check above image, when i clicked on marked $75K, i want to get onChange value as $75K instead of value 3.

Check bellow my marks,

// Currency list
export const currencies = {
  0: '$0',
  1: '$25k',
  2: '$50k',
  3: '$75k',
  4: '$100k',
  5: '$125k',
  6: '$150k',
  7: '$175k',
  8: '$200k'
};

Thank you.

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 slider's onChange callback and marks configuration, using the provided currencies mapping as the starting example. Determine whether the callback can expose the displayed mark text rather than its numeric position, then verify the selected $75k mark produces the requested value.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.