Paper-Range-Slider components

paper-range-slider

View larger

Close

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

Links

• View on GitHub

Compatibility