Color

Allows you to display color controls for your widget.


Widget Configuration Output

{
"backgroundColor": "#444444"
}

Note

  • The resulting color picker supports RGBA.
  • You can select transparent as a color. The returned value is the string “transparent”.

User Interface Output

output


JSON Schema

PropertyTypeDescriptionExample
typestringThe type of setting component to display.”color”
labelstringThe user friendly message to inform the user how this setting will be used.”Background color”
idstringThe variable name where the setting value will be available in the widget template.”backgroundColor”
defaultstringThe default value to use when rendering the widget for the first time.”#444444”