JollyUI
  1. Docs
  2. components
  3. Color

Color

🚧 Primitives for color selection

Docs

🚧 UNDER CONSTRUCTION

I am currently working on these. I intend to have several examples of how to integrate the following primitives into a full color picker, for several color channels. You can consult the React Aria Documentation for how to use these primitives.

Todo:

  • Add New-York style
  • Add ColorPicker
  • Add Examples

Installation

npx @sly-cli/sly add jolly-ui color

Note: Only the default style can be installed via CLI at the moment

Color Area

A color area allows users to adjust two channels of an RGB, HSL or HSB color value against a two-dimensional gradient background.

Color Slider

A color slider allows users to adjust an individual channel of a color value.

Color Swatch Picker

A ColorSwatchPicker displays a list of color swatches and allows a user to select one of them.

Color Wheel

A color wheel allows users to adjust the hue of an HSL or HSB color value on a circular track.

MenuCalendar