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

# Status Indicator

> Status Indicator — CometChat documentation.

`CometChatStatusIndicator` is a customised component which indicates whether user is online or offline.

<Frame>
  <img src="https://mintcdn.com/cometchat-22654f5b-docs-llms-scoped-indexes/r25ELW0hqjkLLiGN/images/917825b6-ltyjb5ctoay86mcws67c02sfyfnsf6ffp68u0oznn0vp6m6f28tlfvdmsmhjxjhe-009bb23d6fec659cca5735a2a1baa79c.png?fit=max&auto=format&n=r25ELW0hqjkLLiGN&q=85&s=74cd193b0e242dbf59d3c79d991f2a70" width="1224" height="404" data-path="images/917825b6-ltyjb5ctoay86mcws67c02sfyfnsf6ffp68u0oznn0vp6m6f28tlfvdmsmhjxjhe-009bb23d6fec659cca5735a2a1baa79c.png" />
</Frame>

## How to integrate CometChatStatusIndicator ?

<Tabs>
  <Tab title="TypeScript">
    ```tsx theme={null}
    <CometChatStatusIndicator
            backgroundImage={statusIndicatorIcon}
            style={{height: 20, width: 20}}
            backgroundColor={"green"}
          />
    ```
  </Tab>
</Tabs>

## Properties

| Properties | Type | Description |
| - | - | - |
| backgroundImage | ImageType | sets image to be shown |
| style | StyleProp\<ViewStyle> | used to customise the statusIndicator |
| backgroundColor | string | used to set the background colour of statusIndicator view |


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