test-schema-editors

Schema Editors Test Page

Test all JSON schema editors alongside FormGenerator

FormGeneratorSchemaEditor

Fields

Defaults

Actions

Current Schema:

{
  "root": {
    "type": "object",
    "properties": {
      "firstName": {
        "type": "string",
        "title": "First Name"
      },
      "lastName": {
        "type": "string",
        "title": "Last Name"
      },
      "address": {
        "type": "object",
        "properties": {
          "street": {
            "type": "string",
            "title": "Street"
          },
          "city": {
            "type": "string",
            "title": "City"
          }
        }
      }
    },
    "required": [
      "firstName"
    ]
  }
}

FormGenerator

root

firstName *

lastName

address

Schema:

{
  "type": "object",
  "properties": {
    "username": {
      "type": "string",
      "label": "Username",
      "placeholder": "Enter your username"
    },
    "password": {
      "type": "string",
      "label": "Password",
      "format": "password",
      "placeholder": "Enter your password"
    },
    "preferences": {
      "type": "object",
      "label": "Preferences",
      "properties": {
        "theme": {
          "type": "string",
          "label": "Theme",
          "enum": [
            "light",
            "dark",
            "auto"
          ]
        },
        "notifications": {
          "type": "boolean",
          "label": "Enable Notifications"
        }
      }
    }
  },
  "required": [
    "username",
    "password"
  ]
}

Form Data:

{
  "username": "",
  "password": "",
  "preferences": {
    "theme": "light",
    "notifications": true
  }
}