Badge

Badges are labels which hold small amounts of information. They may or may not contain an icon, and they are not clickable.

There are no states for badges, as they are labels and therefore not clickable. They can be created, added to an item, removed from an item, and/or archived so that they are no longer able to be used.

Badges may stack on top of each other, or be displayed in-line. In certain instances (such as being displayed in a table in a drawer) where multiple badges are attached to a single entry, one badge may remain visible while the others may be displayed into a menu that opens and closes.

Badge is displayed without an icon. The default color is primary, but all 4 color scales are available.

Badge displayed with an icon. All 4 color scales are available.

Can be displayed with or without the icon, and all colors are available.

Used for Data Viz purposes, such as counting the number of entries on the Geo Map page. There are no variable attributes for this variant, meaning the color, font, and/or formatting do not change.

The default color for the badge is primary. However, all variants (with the exception of the data badge) can use any of the following colors.