Properties
Badge Style
Usage
- JavaScript
Badge
This element is a numeric value descriptor i.e it displays the unread count of messages for 1-1/group chats.
Was this page helpful?
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
| Name | Type | Description |
|---|---|---|
| count | number | The numeric value to be displayed |
| badgeStyle | BadgeStyle | Styling properties of the element |
| Name | Description |
|---|---|
| textFont | Sets all the different properties of font for the badge text. Reference link |
| textColor | Sets the foreground color of the text displayed on the badge. |
import '@cometchat/uikit-elements'; //import the web elements package.
import { BadgeStyle } from '@cometchat/uikit-elements'; //import the style class.
//create style object
const badgeStyle:BadgeStyle = new BadgeStyle({
width:"36px",
height:"36px",
textFont:"400 13px Inter",
textColor:"black"
})
//use the element
<cometchat-badge badgeStyle={badgeStyle} count={10}></cometchat-badge>
Was this page helpful?