HQ UI

Slider

A slider is a horizontal bar that you can drag left or right to select a value within a range, similar to adjusting volume.

Installation

In the terminal, run the following command to begin:
npx hq-kit add slider

Basic

0

Step

0
Step in 10

Range

By passing an array to the defaultValue or value props, you can create a range slider.

25 – 75

Controlled

31
Current temperature: 31
21 – 86
Current saturation: 21,86

Orientation

40
50
60
70
65
75
80
Equilizer

Disabled

0