CometChatStatusIndicator is a customized component which indicates whether user is online or offline. You can customize the borderColor, borderSize, and backgroundColor of this component.

​
Properties

NameTypeDescription
backgroundColorstringBackground color of the indicator
backgroundImagestringBackground image of the indicator
statusIndicatorStyleObjectStyling properties of the element.

​
Usage

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>