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
...
| Include Page | ||||
|---|---|---|---|---|
|