##
Rounding

You can control the number of decimal places using the round attribute. Its default value is two. In the example below, we set it to zero:

    <tc-range-slider generate-labels="true" round="0"></tc-range-slider>

It can be any positive integer, for example five:

    <tc-range-slider generate-labels="true" round="5"></tc-range-slider>

Rounding can also be changed programmatically:

    <script>
        // get the reference
        const $slider = document.getElementById('slider-1');

        // set properties
        $slider.round = 0;

        // or
        // $slider.setAttribute('round', '0');
    </script>

Or with TypeScript:

    <script>
        // get the reference
        const $slider = document.getElementById('slider-1') as RangeSlider;

        // set properties
        $slider.round = -200;

        // or
        // $slider.setAttribute('round', '0');
    </script>

Previous
Range: min & max
Next
Step