MessageWidget displays an icon with an optional badge counter, useful for unread message notifications.
app-message-widget
true
CommonModule, FontAwesomeModule
icon
iconColor
badgeValue
showBadge
<app-message-widget [icon]="faEnvelope" iconColor="blue" [badgeValue]="3" [showBadge]="true"></app-message-widget> Copy
<app-message-widget [icon]="faEnvelope" iconColor="blue" [badgeValue]="3" [showBadge]="true"></app-message-widget>
MessageWidget displays an icon with an optional badge counter, useful for unread message notifications.
Selector
app-message-widget
Standalone
true
Imports
CommonModule, FontAwesomeModule
Inputs
icon
(IconDefinition): FontAwesome icon to represent the message feature.iconColor
(string): Color of the icon. Default is 'black'.badgeValue
(number): Numeric value displayed in the badge, e.g., unread message count.showBadge
(boolean): Controls the visibility of the badge. Default is false.Example