Badge
Overview
A badge is used to annotate other information like a label or an object name.
- info: Indicates informative or low impact
- success: Indicates stability or completion
- moderate: Indicates caution
- important: Indicates an error
- critical: Indicates danger or something critical
Status
- Figma library:
-
Ready - RH Elements:
-
Ready - WebRH:
-
Ready
Sample element
When to use
- When you need to reflect counts like number of objects, events, or unread items
Status checklist
| Property | Status | Meaning |
|---|---|---|
| Figma library |
|
Component is available in the Figma library |
| RH Elements |
|
Component is available in the RH Elements repo |
| WebRH |
|
Component is available in the WebRH repo |
Other libraries
To learn more about our other libraries, visit this page.
Feedback
To give feedback about anything on this page, contact us.
