Slider

Change the values with very good UX.

Default

To implement a Slider we have the vs-slider component.

79%
40%

Color

You can change the color of the slider with the property vs-color, you can add the main colors like: primary, success,danger, warning,dark.

24%

Change Method

You can add a function that runs every time the value changes with @change="MyFunction"

55%
55

API #

NameTypeParametersDescriptiondefault
vs-colorStringRGB or HEXComponent color Slider.primary
changeFunctionfunction que se ejecuta al hacer cambio en el valor del slider.
disabledBooleandetermines if the object is disabled.
vs-stepNumber1-100Determines by how much slider value should increment/decrement when using arrow keys.1
vs-not-percentageBooleantrue, falseDetermines by how much slider value should increment/decrement when using arrow keys.false