src/components/Slider.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<script lang="ts">
  interface Props {
    value: any;
    handle: any;
    min?: number;
    max?: number;
  }

  let { value = $bindable(), handle, min = 0, max = 100 }: Props = $props();
</script>

<input
  id="slider"
  type="range"
  {min}
  {max}
  bind:value
  class="range"
  oninput={handle}
/>