Color

Show click-to-copy color swatches

Add one <Color.Item> for each swatch.

​

Usage

<Color>
  <Color.Item name="Primary" value="#10B981" />
  <Color.Item
    name="Surface"
    value={{ light: "#FFFFFF", dark: "#18181B" }}
  />
</Color>

Use variant="table" with <Color.Row title="..."> to group a larger palette.

​

Example

Primary

#10B981

Surface

#FFFFFF