UI Kit Builder

Cargando...

{
  "sections": [
    {
      "widgets": [
        {
          "buttonList": {
            "buttons": [
              {
                "text": "Filled",
                "type": "FILLED",
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat/ui/widgets/button-list"
                  }
                }
              },
              {
                "text": "Filled Tonal",
                "type": "FILLED_TONAL",
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat/ui/widgets/button-list"
                  }
                }
              },
              {
                "text": "Outlined",
                "type": "OUTLINED",
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat/ui/widgets/button-list"
                  }
                }
              },
              {
                "text": "Borderless",
                "type": "BORDERLESS",
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat/ui/widgets/button-list"
                  }
                }
              },
              {
                "type": "FILLED",
                "icon": {
                  "materialIcon": {
                    "name": "check_circle"
                  }
                },
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat/ui/widgets/button-list"
                  }
                }
              },
              {
                "type": "FILLED_TONAL",
                "icon": {
                  "materialIcon": {
                    "name": "check_circle"
                  }
                },
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat/ui/widgets/button-list"
                  }
                }
              },
              {
                "type": "OUTLINED",
                "icon": {
                  "materialIcon": {
                    "name": "check_circle"
                  }
                },
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat/ui/widgets/button-list"
                  }
                }
              },
              {
                "type": "BORDERLESS",
                "icon": {
                  "materialIcon": {
                    "name": "check_circle"
                  }
                },
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/chat/ui/widgets/button-list"
                  }
                }
              }
            ]
          }
        }
      ]
    }
  ]
}