0

I am new to Vue js and I am working with the vue-slider-component. I want to design the slider in a triangular form like below.

enter image description here

I want to know how to customize the slider bar into this particular shape. Thanks in advance.

        <vue-slider
          v-model="SliderValue"
          @change="SliderChange"
          class="horizontal-slider"
          :dotSize="45"
          width="300px"
          height="13px"
          :max="100"
          :min="0"
        />
Somya Sharma
  • 23
  • 5
  • 1
    I don't think you can customise the style of the slider as you want with that package. If you can't build it by yourself, you could try using this one https://github.com/vueform/slider which offers more flexibility with css variables – Abregre Jul 22 '21 at 08:53
  • Thanks @Abregre, this was helpful. This gave me a direction to style the slider bar. – Somya Sharma Jul 22 '21 at 16:20

0 Answers0