Color Pickers optionally return Color Objects

[thechriskent]

Category

• Enhancement
• Bug
• Question

Desired Behavior

The PropertyFieldColorPicker and the PropertyFieldSwatchColorPicker both return CSS-compatible strings, but it would be nice if they could optionally return an object with more details. This was originally requested by sprider (Issue #52).

By default, both property fields would return strings. However, an optional valueAsObject (boolean) property would be added that, when true, would set the targeted property to an IColor (import { IColor } from 'office-ui-fabric-react/lib/utilities/color';) object instead. The selectedColor property could also be specified as either a string or an IColor object.

The IColor interface returns:

{
  str: string; //CSS-compatible string
  hex: string; //Hex value (does not reflect alpha)
  r: number; //Red
  g: number; //Green
  b: number; //Blue
  h: number; //Hue
  s: number; //Saturation
  v: number; //Value
}

[sprider]

Looks cool Chris. Thank you for considering this change and drafting the requirement on behalf of me.