---
title: "au-widget-color-picker/IColorPickerConfig | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-color-picker.IColorPickerConfig/"
---

# au-widget-color-picker/IColorPickerConfig

> Provides [color](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-color-picker.au-widget-color-picker.md#auwidgetcolorpicker) properties.

## Interfaces

### IColor

#### Properties

##### displayColor

```ts
displayColor: string;
```

The color preview.

##### preselected?

```ts
optional preselected?: boolean;
```

If `true`, highlights this color when the color picker opens.

##### props?

```ts
optional props?: any;
```

##### value

```ts
value: string;
```

The color value in the CSS format.

***

### IColorPickerConfig

Provides properties for a [color picker](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-color-picker.au-widget-color-picker.md#auwidgetcolorpicker).

#### Properties

##### colors

```ts
colors: IColor[];
```

An array of colors available for user selection by the user.

##### displayColor

```ts
displayColor: string;
```

The preview of the selected color.

##### text

```ts
text: string;
```

A text hint.