Crestron Components Lib - Showcase App

ch5-slider: step

ch5-slider step

Default 1. Defines the size or amount of each interval or step the slider takes between min and max.

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 strict 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 vale for max

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

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

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