Badge:
Badges are colored text elements containing small bits of information. They are used for labeling content information.
Configurations of a Badge component
Label: To display on UI
Variant: The badge comes in six variants
Default
Inverse
Lightest
Success
Warning
Error
No Left Icon: If the checkbox is true, then the left icon is disabled
Left Icon: Display the icon on the left side of the badge
No Right Icon: If the checkbox is true, then the right icon is disabled
Right Icon: Display the icon on the right side of the badge