구분선

Divider 위젯은 스택 위젯 사이의 카드 너비에 걸쳐 있는 가로선을 표시합니다. 선은 시각적 구분선으로, 사용자가 한 위젯과 다른 위젯을 구별할 수 있도록 해주므로 카드를 더 쉽게 스캔하고 이해할 수 있습니다.

예: 위젯 간 구분선

다음 이미지는 다른 유형의 위젯 간에 Divider 위젯으로 구성된 카드를 보여줍니다.

그림 1: divider 위젯으로 구분된 여러 위젯을 보여주는 Google Chat의 카드 메시지

카드의 JSON은 다음과 같습니다.

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",
                            }
                          ],
                        }
                      }
                    }
                  ]
                }
              }
            ]
          }
        ]
      }
    }
  ]
}

JSON 표현

위젯, 가로선 사이에 구분선을 표시합니다.

예를 들어 다음 JSON은 구분선을 만듭니다.

"divider": {}