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.
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>