Class MenuWidget

MenuWidget displays an icon with an optional badge counter, used for notifications or alerts.

Selector

app-menu-widget

Standalone

true

Imports

CommonModule, FontAwesomeModule

Inputs

icon (IconDefinition): FontAwesome icon to display.
iconColor (string): Color of the icon. Default is 'black'.
badgeValue (number): The numeric value displayed within the badge.
showBadge (boolean): Controls the visibility of the badge. Default is false.

Example

<app-menu-widget
  [icon]="faBell"
  iconColor="blue"
  [badgeValue]="5"
  [showBadge]="true"
></app-menu-widget>

Index

Constructors

Properties

icon iconColor badgeValue showBadge

Constructors

constructor

new MenuWidget(
    icon: IconDefinition,
    iconColor: string,
    badgeValue: number,
    showBadge: boolean,
): MenuWidget
Parameters
- icon: IconDefinition
- iconColor: string
- badgeValue: number
- showBadge: boolean
Returns MenuWidget
- Defined in components/display-components/control-widgets/menu-widget.component.ts:73

Properties

icon

icon: IconDefinition

iconColor

iconColor: string = 'black'

badgeValue

badgeValue: number

showBadge

showBadge: boolean = false