Color Slider

Slide through gradients, picking the intensity or shade you need, as smoothly as sliding into your favorite jeans.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add color-slider

View

Code

Default0°

Disabled0°

View

Code

Color Customizer0°

By default, the color slider is horizontal. You can change it to vertical by setting the orientation prop to vertical.

View

Code

0°

View

Code

216°

color: {"hue":216,"saturation":98,"lightness":52,"alpha":1}