Whether the open picker shifts to stay inside the window, and places its sliders where there is room when sliderPosition is unset.

How long the petals take to open and close, in milliseconds.

The thickness of the ring that shows the selected colour around the petals, in pixels.

Whether the picker closes to its centre button. When false, it stays open.

The petal colours, as hex, rgb() or hsl() strings or { h, s, l } objects. Up to 10 sit in one ring; more are split into rings by lightness.

The diameter of the centre button, in pixels.

Whether the panel always uses dark colours, whatever the page's theme.

The format the fields show at first, when it isn't controlled.

The colour selected at first, when it isn't controlled.

Whether the picker ignores input.

The format the fields show. Use with onFormatChange to control it.

The formats the switch cycles through, in order. With one format, the switch is hidden.

Whether the picker starts open.

Replaces the built-in text for this instance. See LabelsProvider to change it everywhere.

Called with the new colour, in every format, whenever it changes.

Called with the selected colour when the picker closes.

Called when the format switch changes the format.

Whether hovering the picker opens it, as well as clicking. Only applies when collapsible.

The diameter of each petal, in pixels.

Whether the centre shows the selected colour while open. When false, it turns white while open.

Whether to show the Lightness arc slider beside the petals while open.

The distance between the colour ring and the arc sliders, in pixels.

The side the Lightness slider sits on. The Opacity slider takes the opposite side. When unset, the picker picks the side with the most room.

The thickness of the arc sliders, in pixels.

Replaces the icon on the colour format switch. Accepts any node; null renders no icon. Takes precedence over IconProvider.

The selected colour. Use with onChange to control it.