Status Indicator

Status Indicator — CometChat documentation.

This element shows the user presence as dots with colored background and group type as dots with background images.

Properties

Name	Type	Description
backgroundColor	string	Background color of the indicator
backgroundImage	string	Background image of the indicator
statusIndicatorStyle	Object	Styling properties of the element.

Usage

JavaScript

import '@cometchat/uikit-elements'; //import the web elements package.

//styling properties 
const statusIndicatorStyle = {width: "28px",height: "28px", border: "1px solid transparent", borderRadius: "50px" };

//use the element
<cometchat-status-indicator backgroundColor="#00C86F" statusIndicatorStyle={statusIndicatorStyle}></cometchat-status-indicator>