Inputs

Slider

Continuous or discrete numeric input with single and range modes.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Step

Show value

Discrete

Disabled

<m-slider
  label="Volume"
  :min="0"
  :max="100"
  :step="10"
  show-value
  :discrete="false"
  :disabled="false"
  v-model="value"
 />

Props, slots, and events are extracted from the current public UI Kit contract.

MSlider

Input family

src/runtime/components/ui/slider

NameTypeDefault

readonly

booleanfalse

min

number0

max

number100

step

number1

label

string''

showValue

booleanfalse

discrete

booleanfalse

range

booleanfalse

orientation

'horizontal' | 'vertical''horizontal'

name

stringundefined

ariaLabelStart

string''

ariaLabelEnd

string''

@update:modelValuenumber | number[]