Directory

← Back

paper-slider

Paper Slider

Author

Rating

Popularity

200+

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()));

Compatibility

(Loading compatibility data...)

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 Slider paper-slider - Vaadin Add-on Directory
Paper slider that also works with GridPro. v2.0.0+ is material themed. src: https://github.com/AbdullahGheith/vaadin-paper-slider
Online