Skip to main content

Status Indicator

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

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>