Example

Palette and Custom picker

Notes

Selecting a color from palette/custom/hex values updates the display everywhere. For example, entering a hex value moves the 'selected' cursors in the custom area and (if matching) marks a palette color selected.

Demo

Example

Palette only

Demo

Example

Custom only

Demo

Example

Different palette

Notes

Component can pass in color 'sets'

Demo

Example

Palette as rows

Notes

Palette can be display as rows instead of columns

Demo