UI Kit Builder

正在加载...

{
  "header": {
    "title": "Add a contact"
  },
  "sections": [
    {
      "widgets": [
        {
          "textInput": {
            "name": "contactName",
            "label": "First and last name",
            "type": "SINGLE_LINE"
          }
        },
        {
          "dateTimePicker": {
            "name": "contactBirthdate",
            "label": "Birthdate",
            "type": "DATE_ONLY"
          }
        },
        {
          "selectionInput": {
            "name": "contactType",
            "label": "Contact type",
            "type": "RADIO_BUTTON",
            "items": [
              {
                "text": "Work",
                "value": "Work",
                "selected": false
              },
              {
                "text": "Personal",
                "value": "Personal",
                "selected": false
              }
            ]
          }
        },
        {
          "buttonList": {
            "buttons": [
              {
                "text": "Submit",
                "onClick": {
                  "action": {
                    "function": "submitForm"
                  }
                }
              }
            ]
          }
        }
      ]
    }
  ]
}