You can add a function that will be triggered every time the value changes with @change=\"MyFunction\"
You can change the minimum or maximum number admitted with the properties: min
, max
You can change the slider's color with the property color. You can also add the main colors
like: primary
, success
, danger
, warning
, dark
To implement a Slider we have the vs-slider
component
You can add an icon with the icon
property to better representation the sliders to the user
Vuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official Material Icons page.
\nFontAwesome and other fonts library are supported. Simply use the icon-pack with fa or fas. You still need to include the Font Awesome icons in your project.
\nWith Range you can allow the user to select a range inside a range of allowed values. You can use the v-model property with Array and a minimum and maximum value represented as: [min, max]
Determine the text that will be fixed next to the value with the property text-fixed
With Ticks you can allow the user to select a value inside a range of allowed values. With the property step you can change the distance between each Tick
\n\n