Slider
Select a value within a fixed range by dragging the slider.
Basic
30
html
<template>
<dk-slider v-model="value" />
</template>
<script setup>
import { ref } from 'vue'
const value = ref(30)
</script>展开
Props
| Name | Description | Type | Default |
|---|---|---|---|
| model-value / v-model | binding value | number | [number, number] | 0 |
| min | min | number | 0 |
| max | max | number | 100 |
| step | step | number | 1 |
| disabled | disabled | boolean | false |
| range | range (skeleton) | boolean | false |
Events
| Name | Description | Params |
|---|---|---|
| update:modelValue | v-model update | (value) |
| input | while dragging | (value) |
| change | on release | (value) |