Slider experimental

<script lang="ts">
  import * as Slider from '@odbd/svelte/slider'

  const markers = [0, 25, 50, 75, 100]
</script>

<Slider.Root defaultValue={[40]} style="width: 100%; max-width: 30rem;">
  <Slider.Label>알림 볼륨</Slider.Label>
  <Slider.ValueText />
  <Slider.Control>
    <Slider.Track>
      <Slider.Range />
    </Slider.Track>
    <Slider.Thumb index={0}>
      <Slider.DraggingIndicator />
      <Slider.HiddenInput />
    </Slider.Thumb>
  </Slider.Control>
  <Slider.MarkerGroup>
    {#each markers as value}
      <Slider.Marker {value} />
    {/each}
  </Slider.MarkerGroup>
</Slider.Root>