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

Tooltip selected value above the thumb. #51

Closed
shashank1010 opened this issue Nov 23, 2022 · 5 comments
Closed

Tooltip selected value above the thumb. #51

shashank1010 opened this issue Nov 23, 2022 · 5 comments

Comments

@shashank1010
Copy link

Is there a way to display the current values above the thumbs and have custom thumbs?

Reference:
https://m3.material.io/components/sliders/overview#65a5e5f9-2aa3-44b5-ad8e-73cf2694975e

@Sharcoux
Copy link
Owner

I'll see if it could be possible to provide a custom component for the thumb.

@Sharcoux
Copy link
Owner

I added a CustomThumb prop on version 6.1.0. Tell me if it suits your needs.

@shashank1010
Copy link
Author

It works, however, to make it to work, I had to duplicate the thumb component you have written.
The problem was, I thought it would work out of the box.
I had to add pointer-events="none" to my view to make it work.

Adding a note about this will save questions. Alternately, you could simply render it in a View with pointer-events="none" :)

Great going.

Thanks for your effort!

@Sharcoux
Copy link
Owner

Duplicate the thumb component? What do you mean?

About the "pointer-events" thing, it's fixed in the version 6.1.1. Thanks for reporting.

@Sharcoux
Copy link
Owner

Sharcoux commented Dec 6, 2022

Without no further comment, I will close this thread.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants