# ColorPicker

Color picker input field

## Installation

```tsx
import { ColorPicker } from 'uxp/components';
```

## Signature

```tsx
const ColorPicker: React.FunctionComponent<IColorPickerProps>
```

## Properties

| Name          | Type                                                                                                  | Mandatory | Default Value | Example Value |
| ------------- | ----------------------------------------------------------------------------------------------------- | --------- | ------------- | ------------- |
| color         | string                                                                                                | Yes       | -             | -             |
| onChange      | (color: string) => void                                                                               | Yes       | -             | -             |
| position      | [IColorPickerPosition](https://help.iviva.com/uxp/v5/additional-resources/types/icolorpickerposition) | No        | -             | -             |
| className     | string                                                                                                | No        | -             | -             |
| closeOnSelect | boolean                                                                                               | No        | -             | -             |
| displayFormat | [IColorTypes](https://help.iviva.com/uxp/v5/additional-resources/types/icolortypes)                   | No        | -             | -             |
| returnFormat  | [IColorTypes](https://help.iviva.com/uxp/v5/additional-resources/types/icolortypes)                   | No        | -             | -             |

## Related Types

* [IColorPickerProps](https://help.iviva.com/uxp/v5/additional-resources/types/icolorpickerprops)
* [IColorPickerPosition](https://help.iviva.com/uxp/v5/additional-resources/types/icolorpickerposition)
* [IColorTypes](https://help.iviva.com/uxp/v5/additional-resources/types/icolortypes)