Dev Design Library

Range Slider

Two thumbs that glide, stop at each other, and show their value as you drag.

Range Slider preview
Library
UI Lab
Framework
React
Type
component
License
MIT
Install
npx shadcn@latest add https://lab.xevrion.dev/r/range-slider.json
Files
  • src/lab/components/range-slider.tsx
  • src/lib/use-reduced-motion.ts
  • src/lib/cn.ts
Source
https://github.com/xevrion/ui-lab

Categories

More from UI Lab