​Horizontal Navigation Object Editor

Displays object properties with horizontal navigation, suitable for tab-based interfaces within a fieldset.

​Activation Conditions

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

​Options

  • "x-navWarning" — show a warning indicator on tabs that contain validation errors (defaults to true)
  • "x-navWarningMessage" — custom message shown in the tab warning indicator

​Example 

{
  "x-format": "nav-horizontal",
  "type": "object",
  "title": "All Editors",
  "properties": {
    "personA": {
      "title": "Person A",
      "type": "object",
      "properties": {
        "name": {
          "type": "string"
        },
        "age": {
          "type": "integer",
          "minimum": 0
        }
      }
    },
    "personB": {
      "title": "Person B",
      "type": "object",
      "properties": {
        "name": {
          "type": "string"
        },
        "age": {
          "type": "integer",
          "minimum": 0
        }
      }
    }
  }
}