> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-agent-native-development.mintlify.site/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>


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