Play Badge
Badges are inline block elements that usually appear near another element. Typically they contain a number or other characters. They can be used as a notification that there are additional items associated with an element and indicate how many items there are. Badges are hidden if no content is passed in.
Basic Badge
Size Badge
Theme Badge
Properties
color
| |
|---|
| Description | The color to use from your application's color palette. Default options are: "primary", "secondary", "success", "warning", and "danger". |
| Attribute | color |
| Type | "danger" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "warning" ｜"info" ｜ string |
| Default | primary |
size
| |
|---|
| Description | The mode determines which size to use. |
| Attribute | mode |
| Type | "xl" ｜ "lg" |
| Default | lg |