Skip to content

Slider

A slider to specify a value between two maximum and minimum values

Range

Prefix

Suffix

Usage

vue
<script setup lang="ts">
import { ref } from 'vue';
import { Slider } from '@youcan/ui-vue3';
const spacing = ref(100);
</script>

<template>
  <Slider
    v-model="spacing"
    suffix=""
    :max="500"
    :min="0"
  />
</template>

API Reference