...
Label: Badge label is used to give the identity for a badge displayed on the UI
Variant: Users can set various types of variants for the badge which is displayed in different color formats according to their conditions
The badge comes in a five variants
Default: Default is used to display the default color of the badge, which is displayed in white color
Inverse: If the user selects the inverse from the drop-down then the badge will be displayed in grey color
Lightest: If the user selects the lightest from the drop-down then the badge will be displayed in white color
Success: If the user selects the success from the drop-down then the badge will be displayed in green color
Warning: If the user selects the warning from the drop-down then the badge will be displayed in orange color
Error: If the user selects the error from the drop-down then the badge will be displayed in red color
...
No Left Icon: If the checkbox is true, then the left icon is not displayed
...
Left Icon: This is an icon selector using which we can select the icon we want to be displayed on the left side of the badge
...
No Right Icon: If the checkbox is true, then the right icon is not displayed
...
Right Icon: This is an icon selector using which we can select the icon we want to be displayed on the right side of the badge
...