UI Kit Builder

Cargando...

{
  "sections": [
    {
      "widgets": [
        {
          "textParagraph": {
            "text": "<b>A card with several types of widgets separated by divider widgets.</b>"
          }
        },
        {
          "textParagraph": {
            "text": "Set a date and time:"
          }
        },
        {
          "divider": {}
        },
        {
          "dateTimePicker": {
            "name": "date_time_picker_date_and_time",
            "label": "meeting",
            "type": "DATE_AND_TIME"
          }
        },
        {
          "textParagraph": {
            "text": "A datetime picker widget with just date:"
          }
        },
        {
          "divider": {}
        },
        {
          "selectionInput": {
            "type": "RADIO_BUTTON",
            "label": "Choose an option",
            "name": "contactType",
            "items": [
              {
                "text": "Option 1",
                "value": "Op1",
                "selected": false
              },
              {
                "text": "Option 2",
                "value": "Op2",
                "selected": false
              },
              {
                "text": "Option 3",
                "value": "Op3",
                "selected": true
              }
            ]
          }
        },
        {
          "textParagraph": {
            "text": "Click a button:"
          }
        },
        {
          "divider": {}
        },
        {
          "buttonList": {
            "buttons": [
              {
                "text": "Open a hyperlink",
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat"
                  }
                }
              },
              {
                "text": "Run a custom function",
                "onClick": {
                  "action": {
                    "function": "goToView",
                    "parameters": [
                      {
                        "key": "viewType",
                        "value": "BIRD EYE VIEW"
                      }
                    ]
                  }
                }
              }
            ]
          }
        }
      ]
    }
  ]
}