Sets/gets the css class to use on the badge.
Sets/gets an icon for the badge from the material icons set.
The name of the icon set. Used in case the icon is from a different icon set.
Sets/gets the id
of the badge.
Sets/gets the aria-label attribute value.
Sets/gets whether the badge is outlined.
Default value is false
.
Sets/gets the role attribute value.
Sets a square shape to the badge, if shape
is set to square
.
By default the shape of the badge is rounded.
Sets/gets the type of the badge.
Sets/gets the value to be displayed inside the badge.
Badge provides visual notifications used to decorate avatars, menus, etc.
Igx Module
IgxBadgeModule
Igx Theme
igx-badge-theme
Igx Keywords
badge, icon, notification
Igx Group
Data Entry & Display
Remarks
The Ignite UI Badge is used to decorate avatars, navigation menus, or other components in the application when visual notification is needed. They are usually designed as icons with a predefined style to communicate information, success, warnings, or errors.
Example