Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 2 Next »

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 

 

 

 

 

 

 

  • No labels