...
Configurations of a badge component
...
Label: Badge A badge label is used to give the identity for of a badge, which is displayed on the UI and its editable
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
...