Content Comparison

...

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 

...

• Image Added

•  No Left Icon:  If the checkbox is true, then the left icon is disabled 

  Image RemovedImage Added

•  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  

  Image RemovedImage Added

•  Right Icon: Display the icon on the right side of the badge 

  Image RemovedImage Added