> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-llms-scoped-indexes.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Text Bubble

> Text Bubble — CometChat documentation.

`CometChatTextBubble` is the content view shown for TextMessage.

| Methods | Type | Description |
| - | - | - |
| `set(text: String)` | String | the text to display |
| `set(style: TextBubbleStyle)` | TextBubbleStyle | used to customize appearance of this bubble |

## TextBubbleStyle

`TextBubbleStyle` is the class containing attributes to customize appearance of this widget.

| Methods | Type | Description |
| - | - | - |
| `set(titleFont: UIFont)` | UIFont | used to set font of the text of the message |
| `set(titleColor: UIColor)` | UIColor | used to set color of the text of the message |
| `set(background: UIColor)` | UIColor | used to set background color |
| `set(borderColor: UIColor)` | UIColor | used to set a border color |
| `set(borderWidth: CGFloat)` | CGFloat | used to set border |
| `set(cornerRadius: CometChatCornerStyle)` | CometChatCornerStyle | used to set border radius |

## Usage

<Tabs>
  <Tab title="Swift">
    ```swift theme={null}
    //create text bubble style object
      let textBubbleStyle = TextBubbleStyle()

    //modify the style properties
     textBubbleStyle.set(titleColor: .black)
            textBubbleStyle.set(titleFont: UIFont.systemFont(ofSize: 12.0))
            textBubbleStyle.set(background: .blue)
            textBubbleStyle.set(borderColor: .blue)
            textBubbleStyle.set(borderWidth: 2.0)
            textBubbleStyle.set(cornerRadius: CometChatCornerStyle(cornerRadius: 5.0))

    //set style to the text bubble object
     textBubble.set(style: textBubbleStyle)
    ```
  </Tab>
</Tabs>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.