Crestron Components Lib - Showcase App

ch5-slider: step

ch5-slider step

The default value is 1. Defines the size or amount of each interval or step the slider takes between the min and max values.

If the value range between max and min (i.e. max - min) is not evenly divisible by step value, the max will be adjusted accordingly.

Since all values on the slider are part of a range, step is strictly related to min and max attributes.

If you want quarters (0, 25, 50, 75, 100), then 25 is the value for step attribute, 0 is value for min, and 100 is value for max.

<ch5-slider
    value="25"
    step="25"  
    min="0"
    max="100">
</ch5-slider> 

If you want fifths (0, 20, 40, 60, 80, 100), then 20 is the value for step attribute, 0 is value for min, and 100 is value for max.

<ch5-slider
    value="40"
    step="20"  
    min="0"
    max="100">
</ch5-slider>