Slider

<script>
  import { Slider } from 'svelma-pro'
  let value = [0, 1];

  function change() {
     console.log(value[0])
   }
</script>
{value[0]}
<Slider bind:value min="0" max="1" on:dragEnd={() => change()} step="0.01"/>

<script>
import { Slider } from 'svelma-pro'

 let range2 = [10, 110];
</script>

 {value[0]}-{value[1]}
 <Slider max="200" step="10" bind:value={range2} range order tip="true"/>