Array Editors

Multiple editor formats for array-type data with different display options

Default Array Editor

The standard editor that appears for array types without specific formatting requirements.

Activation Conditions

  • "type": "array"

Checkboxes Editor

Displays array values as checkboxes. Ideal for arrays containing unique string, number, or integer values.

Activation Conditions

  • "type": "array"
  • "uniqueItems": true
  • "items": { "type": "string" | "number" | "integer" }

Inline Checkboxes

Horizontal layout version of the checkboxes editor for more compact displays.

Activation Conditions

  • "type": "array"
  • "uniqueItems": true
  • "items": { "type": "string" | "number" | "integer" }
  • "x-format": "checkboxes-inline"

Choices Selector

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)

Vertical Navigation

Displays array items as a vertical menu, suitable for tabbed interfaces.

Activation Conditions

  • "type": "array"
  • "x-format": "nav-vertical"

Horizontal Navigation

Horizontal version of the navigation editor for different layout needs.

Activation Conditions

  • "type": "array"
  • "x-format": "nav-horizontal"

Table Editor

Renders array items in a tabular format, with each object property in its own column.

Activation Conditions

  • "type": "array"
  • "x-format": "table"

Table Object Editor

Renders array items in a tabular format

Activation Conditions

  • "type": "array"
  • "x-format": "table-object"
  • "items": { "type": "object" }