ColorBar

A ColorBar is a horizontal arrangement of swatches.







Pass an array of color values to the component.

The ColorBar works comfortably with as few as two colors and as many as 20

Two colors in a ColorBar
20 colors in a ColorBar

Text Colors

These are the main text colors that are used in our website. We have a textPrimary color for headings and body text, textSecondary for captions and meta lines, and a third (yet unamed) text color for card descriptions.

All text colors are taken from the Gray palette.

Text Colors
Gray Color Palette (00 – 09)

Wrap a <ColorBar> in a <Exhibit> to add a caption to it. The caption can even include links!