UI Kit Builder

Đang tải...

{
  "sections": [
    {
      "header": "Wrapped Chip List",
      "widgets": [
        {
          "chipList": {
            "chips": [
              {
                "label": "Chip",
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/workspace/chat/design-interactive-card-dialog"
                  }
                }
              },
              {
                "label": "Chip with Icon and long text label and open link action",
                "icon": {
                  "materialIcon": {
                    "name": "alarm"
                  }
                },
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/workspace/chat/design-interactive-card-dialog"
                  }
                }
              },
              {
                "label": "Disabled Chip",
                "disabled": true,
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/workspace/chat/design-interactive-card-dialog"
                  }
                }
              }
            ]
          }
        }
      ]
    },
    {
      "header": "Single row scrollable Chip List",
      "widgets": [
        {
          "chipList": {
            "layout": "HORIZONTAL_SCROLLABLE",
            "chips": [
              {
                "label": "Chip",
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/workspace/chat/design-interactive-card-dialog"
                  }
                }
              },
              {
                "label": "Chip with Icon and long text label and open link action",
                "icon": {
                  "materialIcon": {
                    "name": "alarm"
                  }
                },
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/workspace/chat/design-interactive-card-dialog"
                  }
                }
              },
              {
                "label": "Disabled Chip",
                "disabled": true,
                "onClick": {
                  "openLink": {
                    "url": "https://developers.google.com/workspace/chat/design-interactive-card-dialog"
                  }
                }
              }
            ]
          }
        }
      ]
    }
  ]
}