Badge
Badges help highlight important information, such as notifications or new and unread messages.
install | yarn add @clayui/badge |
---|---|
version | 3.92.0 |
Stable3.92.0View in LexiconCHANGELOG
Display Types
Badges are not used for non-numeric values. If you have a non-numeric value, use labels instead. Badges work for exact numbers up to 999. For numbers greater than 999, use K to indicate Thousands (5K for 5.231) and M to indicate Millions (2M for 2.100.523).
Copied!
We recommend that you review the use cases in the Storybook.
Beta
A component to indicate beta features in DXP. The badge-beta
variant doesn’t have any interaction. It just informs the user. It uses a Badge component with custom visual states.
Copied!