[Slider] Label always visible
See original GitHub issueIs your feature request related to a problem? Please describe.
There’s currently no easy way to keep the slider label always visible. The existing labelBehavior
s don’t cover it.
Describe the solution you’d like
Add a new labelBehavior
called LABEL_ALWAYS_VISIBLE
that would keep the label always visible, and not dependent on touch.
Describe alternatives you’ve considered
Right now, to implement this behavior, one must use reflection to access private methods and fields of the BaseSlider
, or re-create the label outside of the view, and make it track the slider thumb position.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:65
- Comments:18 (1 by maintainers)
Top Results From Across the Web
material slider and range slider tooltip not always visible
Currently Material Slider has not state of label for ALWAYS VISIBLE. But we can do one thing to overcome this issue.
Read more >LabelVisibilityMode | Android Developers
The label visibility mode determines whether to show or hide labels in the navigation items. Setting the label visibility mode to ...
Read more >React Slider component - Material UI - MUI
Label always visible. You can force the thumb label to be always visible with valueLabelDisplay="on" .
Read more >Slider | Mantine
labelAlwaysOn – if true – label will always be displayed, by default label is visible only when user is dragging; labelTransition , labelTransitionDuration...
Read more >Slider component — Vuetify
You can display a thumb label while sliding or always with the thumb-label prop . It can have a custom color by setting...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
In case it is helpful to others, I ended up disabling the built-in labels and adding my own that are always visible. I then made use of the
Slider.OnChangeListener
callback to update the text and position of the label like this:“Label always visible” nothing yet ?