Vertical

RangeSlider also has the ability to render in a vertical orientation. This is done by setting the vertical property to true. When in vertical mode, the min value is at the bottom and the max value is at the top. This can be changed with the reversed property.

<script>
  let values = [20,80];
</script>

<div data-grid>
  <RangeSlider vertical={true} float bind:values />
  <RangeSlider vertical range pips float bind:values />
  <RangeSlider vertical range pips all="label" bind:values />
</div>