static-cms/website/content/docs/widget-color.mdx

---
group: Widgets
title: Color
weight: 12
---

The color widget translates a color picker to a color string.

- **Name:** `color`
- **UI:** color picker
- **Data type:** string
- **Options:**
  - `default`: accepts a string; defaults to an empty string. Sets the default value
  - `allow_input`: accepts a boolean, defaults to `false`. Allows manual editing of the color input value
  - `enable_alpha`: accepts a boolean, defaults to `false`. Enables Alpha editing
- **Example:**
  ```yaml
  - { label: 'Color', title: 'color', widget: 'color' }
  ```
- **Example:**
  ```yaml
  - { label: 'Color', title: 'color', widget: 'color', enable_alpha: true, allow_input: true }
  ```