Color Field
A color field allows users to adjust a hex color or fine-tune individual color channels, offering precise control over color customization.

Installation

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

Basic

Prefix Suffix

Controlled

color: {"red":250,"green":250,"blue":250,"alpha":1}

You can typically click the color swatch to open the color picker. To disable this feature, set enableColorPicker to false.

<ColorField withPicker={false} />