Skip to content
目录

Slider

Select a value within a fixed range by dragging the slider.

Basic

html
<template>
  <dk-slider v-model="value" />
</template>

<script setup>
import { ref } from 'vue'

const value = ref(30)
</script>
展开

Props

NameDescriptionTypeDefault
model-value / v-modelbinding valuenumber | [number, number]0
minminnumber0
maxmaxnumber100
stepstepnumber1
disableddisabledbooleanfalse
rangerange (skeleton)booleanfalse

Events

NameDescriptionParams
update:modelValuev-model update(value)
inputwhile dragging(value)
changeon release(value)

Contributors

Mr.Fan