Badge
Badges often used to highlight an item's status to notify the user.
Basic
Badge
content prop accept both string & number type.9New
Count Overflow
Badge will display the
maxCount prop number, if the content number is larger than the maxCount prop number.9+99+
Dot
Badge will display as dot if without
content prop.Inline
Display Badge inline by leaving
children empty.999New
Color
Badge can have different color by setting color value via
backgroundColor & textColor.999New
API
Badge
| Prop | Description | Type | Default |
|---|---|---|---|
| content | Content to show in badge | string | number | - |
| maxCount | Max number to show | number | 99 |
| innerClass | Class for badge inner | string | - |
| badgeStyle | Custom styling for Badge | object | - |