Status Indicator
This element shows the user presence as dots with colored background and group type as dots with background images.
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>