Chroma Panel

Search documentation

Find a page or section

The colour wheel, as its own control.

Anatomy

import { ColorDisc } from "chroma-panel";
 
<ColorDisc />;

Only inside a panel

This is one of the parts the built-in modes are made of. It reads the colour through usePanel(), so it only works inside a ChromaPanel — typically in a custom mode. For a picker outside the panel, use the store and hooks.

API reference

Props

PropTypeDefaultDescription
sizenumber200Diameter in pixels. --cp-disc-size sets this for the built-in wheel mode.
classNamestringClass on the disc.