Slider

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

Component Source Primitive API Reference

Preview ​

Installation ​

bash
npx sigma-ui add slider

Examples ​

Basic ​

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

const model = ref(33)
</script>

<template>
  <Slider
    v-model="model"
    :max="100"
    :step="1"
  />
</template>

Form ​

How many minutes are you available?30 min

Edit this page on GitHub