diff options
Diffstat (limited to 'src/components/Slider.svelte')
| -rw-r--r-- | src/components/Slider.svelte | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/src/components/Slider.svelte b/src/components/Slider.svelte index b82b6bf9..137c28b4 100644 --- a/src/components/Slider.svelte +++ b/src/components/Slider.svelte @@ -1,8 +1,17 @@ -<script> - export let value, +<script lang="ts"> + interface Props { + value: any; + handle: any; + min?: number; + max?: number; + } + + let { + value = $bindable(), handle, min = 0, - max = 100; + max = 100 + }: Props = $props(); </script> <input @@ -13,7 +22,7 @@ bind:value class="px-0 py-0 my-5" style="--bgPercent: {((value - min) * 100) / (max - min)}%;" - on:input={handle} + oninput={handle} /> <style> |