v-slider-input

Vue slider components

npm install v-slider-input

example

<template>
    <Slider v-model="x" :step="0.1" :min="-1" :max="1"></Slider>
    <VerticalSlider v-model="x" :step="0.1" :min="-1" :max="1"></VerticalSlider>
</template>

<script setup>
    import { Slider, VerticalSlider } from 'v-slider-input'
    const x = ref(0)
</script>

props

prop | type | default -----|------|--------- v-model | number | 0 min | number | 0 max | number | 100 step | number | 1 width | number | 300 height | number | 10 thumb-width | number | 20 thumb-height | number | 20 progress-color | string | red track-style | object | {} thumb-style | object | {} readonly | boolean | false