angular2-json-schema-form/src/playground/examples/rjsf-nested.json

Angular 2 JSON Schema Form builder

{
  "JSONSchema": {
    "title": "A list of tasks",
    "type": "object",
    "required": ["title"],
    "properties": {
      "title": {
        "type": "string",
        "title": "Task list title"
      },
      "tasks": {
        "type": "array",
        "title": "Tasks",
        "items": {
          "type": "object",
          "required": ["title"],
          "properties": {
            "title": {
              "type": "string",
              "title": "Title",
              "description": "A sample title"
            },
            "details": {
              "type": "string",
              "title": "Task details",
              "description": "Enter the task details"
            },
            "done": {
              "type": "boolean",
              "title": "Done?",
              "default": false
            }
          }
        }
      }
    }
  },
  "UISchema": {
    "tasks": {
      "items": {
        "details": {
          "ui:widget": "textarea"
        }
      }
    }
  },
  "formData": {
    "title": "My current tasks",
    "tasks": [{
      "title": "My first task",
      "details": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
      "done": true
    }, {
      "title": "My second task",
      "details": "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur",
      "done": false
    }]
  }
}