Package org.patternfly.component.slider
package org.patternfly.component.slider
Provides the PatternFly slider component and its subcomponents.
A slider with a numeric range and step size:
A slider allows users to set a value within a numeric range by dragging a thumb along a track. Sliders support continuous and discrete modes with configurable ranges, custom step values, tick marks, boundary labels, input fields, and action buttons.
Usage
A discrete slider with custom steps:import static org.patternfly.component.slider.Slider.slider;
import static org.patternfly.component.slider.SliderStep.sliderStep;
import static org.patternfly.component.slider.SliderSteps.sliderSteps;
Slider slider = slider()
.value(3)
.showTicks()
.customSteps(sliderSteps(
sliderStep(0, "A"),
sliderStep(1, "B"),
sliderStep(2, "C"),
sliderStep(3, "D"),
sliderStep(4, "E"),
sliderStep(5, "F")))
.onChange((e, s, v) -> {});
import static org.patternfly.component.slider.Slider.slider;
Slider slider = slider()
.value(50)
.range(0, 200, 50)
.showTicks()
.onChange((e, s, v) -> {});
- See Also:
-
ClassDescriptionA slider provides a quick and effective way for users to set and adjust a numeric value from a defined range of values.