Color Picker

A color picker. Useful for rendering page color such as theme color etc.

Settings

Basic

• Name: The human-friendly name of this field.
• Data Key: The field name in published data. It must be in UpperCamelCase.
• Description: The description of this field, should be a human-friendly text shown for content editor.
• Hidden: Hide this field from the template. Used to create document with hidden default values. It is recommended that put this field to bottom.

Validation

• Required: The field is required.

Default

The default value of this field when create a new document based on this template.

Publish

Data Key is set as theme and select a #ff0000 color.

JSON data

The value of this field will be published as a string.

{
    "theme": "rgba(255, 0, 0, 1)"
}

GraphQL API

The value of this field will be published as a string.

{
    "theme": "rgba(255, 0, 0, 1)"
}