UNPKG

@aurigma/ui-framework

Version:

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

74 lines (40 loc) 1.34 kB
# Interface: IColorSelectorConfig Provides properties for a [color selector](../classes/auwidgetcolorselector.md). ## Hierarchy * **IColorSelectorConfig** ## Index ### Properties * [colors](icolorselectorconfig.md#colors) * [onChange](icolorselectorconfig.md#optional-onchange) * [popupText](icolorselectorconfig.md#popuptext) * [svg](icolorselectorconfig.md#optional-svg) * [text](icolorselectorconfig.md#text) * [value](icolorselectorconfig.md#value) ## Properties ### colors**colors**: *Array‹IColor›* An array of colors available for user selection by the user. ___ ### `Optional` onChange • **onChange**? : *Function | Array‹Function›* A function (`"{{#function <expression>}}"`) or an array of functions. This event triggers when the user selects a color set. ___ ### popupText**popupText**: *string* A text hint in the pop-up box. ___ ### `Optional` svg • **svg**? : *string* A custom inline SVG string in which you must refer to `currentColor`. For example, `"<svg viewBox='0 0 20 20'><path d='m5 5h10v10h-10z' fill='currentColor'/></svg>"`. The `currentColor` corresponds to the first color in the array, and the second color fills the background. ___ ### text**text**: *string* The widget caption. ___ ### value • **value**: *any* The preview of the selected color.