滑块

一种允许用户在给定范围内选择数值的输入组件。

Component Source API Reference

安装 ​

pnpm dlx shadcn-vue@latest add slider

使用方法 ​

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

<template>
  <Slider
    :default-value="[33]" :max="100" :step="1"
  />
</template>

示例 ​

表单应用 ​

How many minutes are you available?30 min

Edit this page on GitHub