Skip to main content
Version: v4

Status Indicator

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

Image

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>