# Colorpicker

Colorpicker field renders a simple text input which shows a default [Iris Colorpicker](http://automattic.github.io/Iris/) on input focus, current color sample and a button to clear the color.

## Example configuration

```php
...
array(
    'title' => 'My colorpicker field title',
    'id' => 'colorpicker-option',
    'desc' => 'Short description for the field',
    'tab' => 'main',
    'type' => 'colorpicker',
),
...
```

This will produce the following

![](https://2720448264-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LKMTiOPVR7pXWhebz7q%2Fsync%2F6d4079bd9cf47290854d99b446a5af9d05870fdf.png?generation=1602624629149591\&alt=media)

## Params

| Name    | Type   | Description                                                      |
| ------- | ------ | ---------------------------------------------------------------- |
| `type`  | string | `colorpicker` **(required)**                                     |
| `id`    | string | Unique ID that will be used to retrieve the value **(required)** |
| `tab`   | string | Specifies in which tab this option will be rendered              |
| `title` | string | Shows a heading to the left of the field                         |
| `desc`  | string | Shows a description text (can have HTML)                         |