> ## Documentation Index
> Fetch the complete documentation index at: https://www.cometchat.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Text Bubble

> Text Bubble — CometChat documentation.

This element handles the display for an individual text message.

## Properties

| Name           | Type                                                         | Description                                                                           |
| -------------- | ------------------------------------------------------------ | ------------------------------------------------------------------------------------- |
| text           | string                                                       | Text to be displayed                                                                  |
| textStyle      | [TextBubbleStyle](/web-elements/text-bubble#textbubblestyle) | Styling properties and values of the [Text bubble](/web-elements/text-bubble) element |
| textFormatters | [TextFormatters\[\]](/web-shared/text-formatters)            | Accepts Array of textFormatters                                                       |

## TextBubbleStyle

| Name      | Description                                                                                                                     |
| --------- | ------------------------------------------------------------------------------------------------------------------------------- |
| textFont  | Sets all the different properties of font for the text. [Reference link](https://developer.mozilla.org/en-US/docs/Web/CSS/font) |
| textColor | Sets the foreground color of the text.                                                                                          |

## Usage

<Tabs>
  <Tab title="JavaScript">
    ```javascript theme={null}
    import "@cometchat/uikit-elements"; //import the web elements package

    //use the element
    <cometchat-text-bubble text="Hey, there!!"></cometchat-text-bubble>;
    ```
  </Tab>
</Tabs>