Slider

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

Installation

bash
npx sigma-ui@latest add slider

Usage

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>

Examples

Form

How many minutes are you available?30 min

Edit this page on GitHub