...
Badges are colored text elements containing a small amount of information
It is used for labeling content and highlighting information
A badge Badge can be used to display unread notifications , or to label a block of text.
Badges do not work for navigation because they can not include a hyperlink.// Add ss
...
Attributes
Label
The label is a short description given to the badgeGenerally, the label displays displayed on the badge
// Change ss use draw.io
...
Variant
Allows you to show badge in different color format
The badge Badge comes in a six variants
Default: Default is used to display the default color of the badge, which is displays displayed in white color
Inverse: Shows badge Inverse is a variant of Badge, which is displayed in grey color
Lightest: Shows badge Lightest is a variant of Badge, which is displayed in white color
Success: Shows badge Success is a variant of Badge, which is displayed in green color
Warning: Shows badge Warning is a variant of Badge, which is displayed in orange color
Error: Shows badge Error is a variant of Badge, which is displayed in red color
...
Left Icon
This is an icon selector using which
...
you can select the icon
...
you want to be displayed on the left side of the Badge Label
You can also remove the icon by clicking on the cross icon which is visible on the right side of the
...
icon
...
Right Icon
This is an icon selector using which
...
you can select the icon
...
you want to be displayed on the right side of the Badge Label
You can also remove the icon by clicking on the cross icon which is visible on the right side of the
...
icon
...
| Include Page | ||||
|---|---|---|---|---|
|
...