Slider

A slider allows a user to select one or more values within a range.

KBDSwitch

Installation

npx shadcn add https://hq-ui.vercel.app/r/nova/slider

Examples

Slider Basic

slider-demo
20

Slider Step

slider-step-demo
20

Slider Controlled

slider-controlled-demo
31

Current temperature: 31

21–86

Current saturation: 21-86

Slider Prefix/Suffix

slider-prefix-suffix-demo

Slider Vertical

slider-vertical-demo
50
25

Slider Range

slider-range-demo
25–75
KBD
Switch