String Pickr

Renders a color picker using Pickr.

Activation Conditions

  • "type": "string"
  • "x-format": "pickr"
  • Pickr must be available (window.Pickr)
  • Plugin: Pickr on GitHub

Plugin Options

Options can be passed to the plugin via "x-pickr" keyword. Pickr also needs one of its own theme stylesheets loaded (classic, monolith, or nano) matching the theme option.

Example

{
  "title": "Pickr",
  "type": "string",
  "description": "Color picker powered by Pickr.",
  "default": "#347aeb",
  "x-format": "pickr",
  "x-pickr": {
    "theme": "classic"
  }
}