Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Slider Maker position #26647

Open
1 task done
anuragguptanbmc opened this issue Sep 8, 2020 · 0 comments
Open
1 task done

Slider Maker position #26647

anuragguptanbmc opened this issue Sep 8, 2020 · 0 comments
Labels

Comments

@anuragguptanbmc
Copy link

anuragguptanbmc commented Sep 8, 2020

  • I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

In case of horizontal slider while the user is using the slider the marks gets hidden below the cursor. This can create confusion in some cases. This can be solved by having marks above the slider.
Similarly, In case of vertical slider there might be some use case to have slider on the left side of the line. However as per the current API there is no may to change the position of marker in horizontal it is always on the bottom in vertical slider it is always on the right side

What does the proposed API look like?

Slider component should have a props to allow markers to be on the other side of the line
This can be achieved the in the following way

  1. Using type marksPosition = 'left' | 'right' | 'above' | 'below', right, left only work in case of vertical slider and above below for horizontal marker
  2. Using a boolean flag alternateMarkPosition true will move marker to alternate position
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants