+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "ColorPicker"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
+++

## ColorPicker variable

### ColorPicker variable

<b>Signature</b>

```typescript
ColorPicker: React.FunctionComponent<Pick<import("./ColorPickerPopover").Props<import("./ColorPickerPopover").CustomPickersDescriptor> & {
    children?: ColorPickerTriggerRenderer | undefined;
}, "color" | "onChange" | "children" | "onColorChange" | "enableNamedColors" | "customPickers" | "updatePopperPosition">>
```
<b>Import</b>

```typescript
import { ColorPicker } from '@grafana/ui';
```
