Rounded tooltip
Vuero provides a customisable <Slider />
component. You can check the plugin documentation on Github. Use the has-rounded-tooltip
class on the <VField />
component to show a rounded tooltip.
Squared tooltip
Use the has-squared-tooltip
class on the <VField />
component to show a square shaped tooltip. Supports bigger values than the rounded tooltip.
Curved tooltip
Use the has-curved-tooltip
class on the <VField />
component to show a curved shaped tooltip. Supports bigger values than the rounded tooltip.
Slider colors
The <Slider />
component supports multiple colors. The default color is the theme $primary
color. Available color classes modifiers are: is-slider-info
, is-slider-success
, is-slider-warning
, is-slider-danger
.
Multiple handles
The <Slider />
component can render multiple tooltips when passing an array
to its v-model
property.
Tooltip format
The <Slider />
component allows to pass a formatting function to its format
property. You can return the tooltip value with the format that you want.