Package org.patternfly.component.slider


package org.patternfly.component.slider
Provides the PatternFly slider component and its subcomponents.

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) -> {});
A slider with a numeric range and step size:
import static org.patternfly.component.slider.Slider.slider;

Slider slider = slider()
        .value(50)
        .range(0, 200, 50)
        .showTicks()
        .onChange((e, s, v) -> {});
See Also: