Directory

← Back

Paper-Range-Slider components

paper-range-slider

Author

Contributors

Rating

Paper-slider for Vaadin 17+ based on Polymer 3.0 Fork of berndhopp/vaadin-paper-sliders.

Comments / remaining issues

Would be nice if HasSize is supported Current updates are lazy. How to have eager updates?

Sample code

// Single slider
HorizontalLayout sliderLine = new HorizontalLayout();
slider = new PaperSlider(0, 100, 50);
slider.addValueChangeListener(e -> sliderValue.setText("Slider value: "+e.getValue()));
sliderLine.add(slider, sliderValue);
add(sliderLine);

//Range slider
Label rangeValues = new Label("Range values");
PaperRangeSlider rangeSlider = new PaperRangeSlider(0, 100, 40, 60);
rangeSlider.addValueChangeListener(e -> rangeValues.setText("Range values: " + 
                                              e.getValue().getLowerValue()+ ", "+e.getValue().getUpperValue()));
rangeSliderLine.add(rangeSlider, rangeValues);
add(rangeSliderLine);

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

Released
2021-09-11
Maturity
STABLE
License
Apache License 2.0

Compatibility

Framework
Vaadin 17+
Polymer 3.0+
Browser
Firefox
Google Chrome
Microsoft Edge

Paper-Range-Slider components - Vaadin Add-on Directory

paper-range-slider Paper-Range-Slider components - Vaadin Add-on Directory
Paper-slider for Vaadin 17+ based on Polymer 3.0 Fork of berndhopp/vaadin-paper-sliders. Comments / remaining issues Would be nice if HasSize is supported Current updates are lazy. How to have eager updates?
Online