Skip to main content
This element is a numeric value descriptor i.e it displays the unread count of messages for 1-1/group chats.

​
Properties

NameTypeDescription
countnumberThe numeric value to be displayed
badgeStyleBadgeStyleStyling properties of the element

​
Badge Style

NameDescription
textFontSets all the different properties of font for the badge text. Reference link
textColorSets the foreground color of the text displayed on the badge.

​
Usage

  • JavaScript
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>
⌘I