Vue Range Multi
Range / Slider Component
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
JSON Editor Component
Vuelor
Colorpicker Component
Roughness
Hand-drawn Component Library
Stk Table Vue
Virtual List Component
Phosphor Icons Vue
Icon Set