Interface IPaletteSection

A structure defining the section of swatches in the Color picker.

Inheritance

IColorPickerConfigSection

IPaletteSection

Package: @aurigma/design-editor-iframe

Remarks

See the Color picker topic for more details.

Examples

let configuration = {
    widgets: {
        ColorPicker: {
            sections: [
              {
                  type: "PaletteSection",
                  translationKey: "Swatches",
                  viewType: "Line",
                  palette: [["spot(PANTONE 8783 C, cmyk(100%,55%,0%,55%,100%), 1, 100%)",
                             "cmyk(0%, 0%, 100%, 0%, 100%)"]]
              }
            ]
        }
    }
};

Properties

palette

Palettes to show in the Color picker; a palette is described by the two-dimensional array of colors in a css-compatible format. The default value is [["cmyk(0%,100%,100%,0%,100%)","cmyk(0%,0%,100%,0%,100%)",...],...].

Declaration

palette: string[][];

Property Value

Type	Description
string[][]	Palettes to show in the Color picker; a palette is described by the two-dimensional array of colors in a css-compatible format. The default value is [["cmyk(0%,100%,100%,0%,100%)","cmyk(0%,0%,100%,0%,100%)",...],...].

type

The source type, "PaletteSection".

Declaration

type: SectionType;

Property Value

Type	Description
SectionType	The source type, "PaletteSection".