Rendering

A stored spec, rendered

The number one production case: a spec saved in your database, rendered with FkFormRender, validated and submitted.

Loading the builder…

View the spec
Open in the playground
{
  "type": "panel",
  "id": "column",
  "name": "Form",
  "configs": {
    "key": "contact"
  },
  "children": [
    {
      "type": "input",
      "dataType": "string",
      "id": "text",
      "name": "Name",
      "configs": {
        "key": "name",
        "label": "Full name"
      },
      "validations": [
        {
          "validator": "required"
        }
      ]
    },
    {
      "type": "input",
      "dataType": "string",
      "id": "email",
      "name": "Email",
      "configs": {
        "key": "email",
        "label": "Email"
      },
      "validations": [
        {
          "validator": "required"
        },
        {
          "validator": "email"
        }
      ]
    },
    {
      "type": "input",
      "dataType": "string",
      "id": "textarea",
      "name": "Message",
      "configs": {
        "key": "message",
        "label": "Message"
      },
      "validations": [
        {
          "validator": "minLength",
          "value": 10
        }
      ]
    }
  ]
}