Reversed

Setting reversed to true will reverse the orientation of the Slider so that the min and max values are swapped. This is useful for RTL languages.

<script>
  let values = [30,70];
</script>

<p>Normal</p>
<RangeSlider pips all="label" float range bind:values pipstep={20} />

<p>Reversed</p>
<RangeSlider reversed pips all="label" float range bind:values pipstep={20} />

Vertical

Another use case for reversed is when doing a vertical slider where you need the min value to be at the top.

<script>
  let values = [0,60];
</script>

<p>Normal</p>
<RangeSlider vertical pips all="label" float range bind:values pipstep={20} />

<p>Reversed</p>
<RangeSlider reversed vertical pips all="label" float range bind:values pipstep={20} />