Docs
Slider

Slider

An input where the user selects a value from within a given range.

Component Source Primitive API Reference

Installation ​

bash
npx shadcn-vue@latest add slider

Usage ​

vue
<script setup lang="ts">
import { Slider } from '@/lib/registry/default/ui/slider'
</script>

<template>
  <Slider
    :default-value="[33]" :max="100" :step="1"
  />
</template>
Edit this page on GitHub