MessageWidget displays an icon with an optional badge counter, useful for unread message notifications.

app-message-widget

true

CommonModule, FontAwesomeModule

  • 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.
<app-message-widget
[icon]="faEnvelope"
iconColor="blue"
[badgeValue]="3"
[showBadge]="true"
></app-message-widget>

Constructors

Properties

icon: IconDefinition
iconColor: string = 'black'
badgeValue: number
showBadge: boolean = false