> ## 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.

# Badge

> Badge — CometChat documentation.

The `CometChatBadgeCount` component displays the unread count of messages for one-to-one private and group chats.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-agent-native-development/xl-X6qUWkdH6FtQ-/images/81096e07-1644930377-b8bea91cca7bc213c3ea591c6abe6978.png?fit=max&auto=format&n=xl-X6qUWkdH6FtQ-&q=85&s=8697a7d4640bb086d1f9542d67a53170" width="1312" height="1299" data-path="images/81096e07-1644930377-b8bea91cca7bc213c3ea591c6abe6978.png" />
</Frame>

***

## How to integrate CometChatBadge ?

<Tabs>
  <Tab title="TypeScript">
    ```tsx theme={null}
    <CometChatBadge
        count={count}
        style={badgeStyle}
      />
    ```
  </Tab>
</Tabs>

## Properties

| Properties | Type | Description |
| - | - | - |
| `count` | number | number to display |
| style | [CometChatBadgeInterface](/ui-kit/react-native/v4/badge#cometchatbadgeinterface) | used to customise the appearance of this view |

## CometChatBadgeInterface

| Properties | Type | Description |
| - | - | - |
| textColor | string | colour of the text shown in the badge |
| textFont | FontStyleInterface | font of the text shown in the badge |
| height | number \| string | height of the badge |
| width | number \| string | width of the badge |
| backgroundColor | string | colour of the badge |
| border | BorderStyleInterface | border of the badge |
| borderRadius | number | radius of the badge |

<Tabs>
  <Tab title="TypeScript">
    ```tsx theme={null}
    <CometChatBadge
        count={badgeCount}
         style={{
            height: 100,
            width: 100,
            textFont: { fontSize: 32 },
            backgroundColor: "red"
        }}
     />
    ```
  </Tab>
</Tabs>

***


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