Divisor

O widget Divider exibe uma linha horizontal que abrange a largura de um card entre widgets empilhados. A linha é um divisor visual que ajuda os usuários a diferenciar os widgets, facilitando a leitura e a compreensão dos cards.

Exemplo: divisores entre widgets

A imagem a seguir mostra um card com widgets Divider entre outros tipos de widgets.

Figura 1: uma mensagem no card no Google Chat com vários widgets separados por widgets divider.

Este é o JSON do cartão:

JSON

{
  "cardsV2": [
    {
      "cardId": "exampleCard",
      "card": {
        "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",
                            }
                          ],
                        }
                      }
                    }
                  ]
                }
              }
            ]
          }
        ]
      }
    }
  ]
}

Representação JSON

Exibe um divisor entre widgets, uma linha horizontal.

Por exemplo, o JSON a seguir cria um divisor:

"divider": {}