ColorArea

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

colorSpace

xChannel

yChannel

isDisabled

Example

ColorArea.tsx

ColorArea.css

theme.css

Example

ColorArea.tsx

ColorArea.css

theme.css

import {ColorArea} from './ColorArea';

<ColorArea
  channel="hue"
  defaultValue="hsl(0, 100%, 50%)" />

Anatomy