TextParagraph

The TextParagraph widget displays a paragraph of text with optional simple HTML formatting. For example:

• Display bold, underlined, or italized text with HTML <b>, <u>, <i> tags.
• Link to websites with HTML <a href="https://www.google.com">hyperlinks</a>.
• Add some color with HTML <font color="#ea9999">font tags</font>.

Each TextParagraph widget renders as a new paragraph, and can be thought of as similar to an HTML <p> tag.

Example: two paragraphs with simple HTML formatting

The following image displays a card consisting of two TextParagraph widgets used to display two paragraphs with simple HTML formatting.

Figure 1: A card message in Google Chat depicting two TextParagraph widgets with simple HTML formatting.

Here's the card's JSON:

JSON

{
  "cardsV2": [
    {
      "cardId": "exampleCard",
      "card": {
        "sections": [
          {
            "widgets": [
              {
                "textParagraph": {
                  "text": "This is a text paragraph. It supports simple HTML text formatting, like <b>bold</b>, <font color='#ea9999'>color</font>, and <a href='https://www.google.com'>hyperlinks</a>."
                }
              },
              {
                "textParagraph": {
                  "text": "Text paragraphs also support <i>italics</i>, <u>underlining</u>, and <s>strikethrough</s>."
                }
              }
            ]
          }
        ]
      }
    }
  ]
}

Format text in a TextParagraph widget

The TextParagraph widget supports simple text HTML formatting. When setting the text content of these widgets, just include the corresponding HTML tags. The following formats are supported:

Format	Example	Rendered Result
Bold	<b>test</b>	test
Italics	<i>test</i>	test
Underline	<u>test</u>	test
Strikethrough	<s>test</s>	test
Font color	<font color="#ea9999">test</font>	test
Hyperlink	<a href="https://www.google.com">google</a>	google
Time	<time>2020-02-16 15:00</time>	2020-02-16 15:00
Newline	test <br> test	test test

TextParagraph JSON representation and fields

JSON representation
{ "text": string }

Fields
text	string The text that's shown in the widget.