Color Swatch Picker

A Color Swatch Picker keeps color values in sync across React Aria color components. It makes building color pickers with custom layouts a breeze through composition.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add color-swatch-picker

Basic

View

Code

Controlled

View

Code

color: {"red":13,"green":110,"blue":253,"alpha":1}

Disabled

View

Code

rgba(13, 110, 253, 1)