HQ
React UI
Docs
Themes
Search...
⌘
K
Slider
Slider
Copy page
Installation
CLI
Manual
npx shadcn add
https://hq-ui.vercel.app/r/slider
Examples
Slider Basic
slider-demo
Opacity
20
Slider Step
slider-step-demo
Step in 10
20
Slider Controlled
slider-controlled-demo
Temperature
31
Current temperature: 31
Saturation
21–86
Current saturation: 21-86
Slider Prefix/Suffix
slider-prefix-suffix-demo
Volume
Slider Vertical
slider-vertical-demo
50
Brightness
25
Contrast
Slider Range
slider-range-demo
Distance Range
25–75
Kbd
Switch
On this page
Installation
Examples
Slider Basic
Slider Step
Slider Controlled
Slider Prefix/Suffix
Slider Vertical
Slider Range