​Choices Array Editor

Enhanced multi-select interface using the Choices.js library.

​Activation Conditions

  • "type": "array"
  • "x-format": "choices"
  • "items": { "type": "string" | "number" | "integer" }
  • Choices.js must be available (window.Choices)
  • Plugin: Choices.js on GitHub

​Plugin Options

Options can be passed to the plugin via "x-choicesOptions" keyword

​Example 

{
  "x-format": "choices",
  "title": "Choices",
  "type": "array",
  "uniqueItems": true,
  "items": {
    "type": "string",
    "enum": [
      "US",
      "CA",
      "GB",
      "FR",
      "DE",
      "IT",
      "IN",
      "JP",
      "BR",
      "AU"
    ],
    "x-enumTitles": [
      "United States (US)",
      "Canada (CA)",
      "United Kingdom (GB)",
      "France (FR)",
      "Germany (DE)",
      "Italy (IT)",
      "India (IN)",
      "Japan (JP)",
      "Brazil (BR)",
      "Australia (AU)"
    ]
  },
  "default": [
    "US"
  ],
  "minItems": 1
}