Slider

Import

import { Slider } from  'mand-mobile-next'

Vue.createApp().component(Slider.name, Slider)

Code Examples

API

Slider Props

PropsDescriptionTypeDefaultNote
v-modelthe value of slider, when range is false, use number, otherwise, use [number, number]number , number[]0-
disabledwhether to disable sliderBooleanfalse-
minthe minimum value the slider can slide fromnumber0-
maxthe maximum value the slider can slide tonumber100-
stepthe granularity the slider can step throughnumber1-
rangedual thumb modeBooleanfalse-
hasTipis show tipBooleantrue
tip-Placementtip positionString'top'
formatslider will pass its value to format, and display its value in tooltipFunction(val) => {return val}-