☁️ Loving our new documentation website? Provide feedback in the CloudCannon Community! ✨

Developer ReferenceConfiguration File

palette[*]

Table of contents

Description:

This key represents an individual color string in the _inputs.*.(color-input).options.palette array.

The value is a string that specifies a color in the predefined palette for Color Inputs. Each string can be a hex code (e.g., #ff0000), CSS color name, or other valid color format.

Appears in:
└── _inputs
    └── *
        └── Color Input
            └── options
                └── palette
                    └── [*]
Type:
string
Examples:

In this example, we have configured a color input with a palette containing a hex code color value.

Copied to clipboard
_inputs:
  primary_color:
    type: color
    label: Primary Color
    options:
      palette:
        - '#ff0000'
{
  "_inputs": {
    "primary_color": {
      "type": "color",
      "label": "Primary Color",
      "options": {
        "palette": [
          "#ff0000"
        ]
      }
    }
  }
}

In this example, we have configured a color input with a palette containing a CSS color name.

Copied to clipboard
_inputs:
  accent_color:
    type: color
    label: Accent Color
    options:
      palette:
        - red
{
  "_inputs": {
    "accent_color": {
      "type": "color",
      "label": "Accent Color",
      "options": {
        "palette": [
          "red"
        ]
      }
    }
  }
}
Open in a new tab