> For the complete documentation index, see [llms.txt](https://jsf.gitbook.io/jsf/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jsf.gitbook.io/jsf/schema/handlers/color-picker.md).

# Color picker

```
{
  "schema": {
    "type": "object",
    "properties": {
      "color": {
        "type": "string",
        "title": "Color",
        "handler": {
          "type": "common/color-picker",
          "options": {
            "mode": "custom"
          },
          "values": [
            {
              "value": "color-1",
              "label": "Red",
              "color": "#ff0d1e"
            },
            {
              "value": "color-2",
              "label": "Orange",
              "color": "#ffc318"
            },
            {
              "value": "color-3",
              "label": "Yellow",
              "color": "#feff1c"
            }
          ]
        }
      }
    }
  },
  "layout": {
    "type": "div",
    "items": [{ 
        "key": "color",
        "handlerPreferences": {
            "tilesPerRow": 8
        }
    }]
  }
}
```