paper-slider
Paper Slider
Paper slider that also works with GridPro.
v2.0.0+ is material themed.
src: https://github.com/AbdullahGheith/vaadin-paper-slider
Sample code
PaperSlider slider = new PaperSlider(100); //current slider value slider.setLabel("Material Slider"); slider.showValues(); //is default. Use .hideValues() to hide the values slider.setMax(100); //100 is default slider.setMin(0); //0 is default slider.setStep(25); //Can be set slider.setValue(0); //changes current value slider.setPrimaryColor("red"); //Theming of the slider slider.addValueChangeListener(event -> Notification.show("Value: " + event.getValue()));
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Fixed bug where .getValue() stays the same if no listener is attached.
- Released
- 2022-12-18
- Maturity
- STABLE
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 20+
- Vaadin 23+ in 1.0.2
- Browser
- N/A
paper-slider - Vaadin Add-on Directory
Paper Sliderpaper-slider version 2.0.1
Material themed. Included step size configuration
paper-slider version 2.0.2
Bugfix:
bug in .setValue() fixed
Known issues:
Cant switch between shown ticker value and hiding dynamically.
paper-slider version 2.0.3
- Fixed a rendering bug
- Sizing issue improved (Now the default size is WidthFull())
If you had the slider in a dialog or in a Details (making the slider not directly visible in DOM, it would mess it up)
paper-slider version 2.0.4
Fixed bug where .getValue() stays the same if no listener is attached.