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

​
Properties

NameTypeDescription
backgroundColorstringBackground color of the indicator
backgroundImagestringBackground image of the indicator
statusIndicatorStyleObjectStyling 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>
⌘I