Description

Range / Slider Component

Vue Range Multi is a Vue slider component that supports one or more thumbs.

Key Features

  • ✨ Handles single or multiple thumbs
  • 🔄 Automatically detects the model type and displays the appropriate thumb(s)
  • 🔀 Sorts model values internally without altering the DOM order
  • ➕ Allows dynamic addition and removal of thumbs
  • 🚫 Prevents duplicate thumbs by rejecting them
  • 🍡 Offers smooth or jump movement across defined stops
  • 🎨 Fully customizable styling and theming options
  • 🌓 Supports dark mode out of the box
  • 📍 Renders content above or below each thumb using render functions or slots
  • 🏷 Displays marks beneath the track for visual reference

Related Projects

Markstream

AI-powered Streaming Markdown Renderer

Vue 3 JSON Editor

Vue 3 JSON Editor

JSON Editor Component

Vuelor

Vuelor

Colorpicker Component

Roughness

Roughness

Hand-drawn Component Library

Stk Table Vue

Stk Table Vue

Virtual List Component