A small, color-coded visual element that contains letters or numbers, that you can use to label, categorize, or organize items.
<link href="https://cdn.jsdelivr.net/npm/rainforest-web-components@latest/rainforest.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/rainforest-web-components@latest/components/badge.js" type="module"></script><rf-badge>20</rf-badge>| Name | Description |
|---|---|
(default) |
Text displayed inside the badge. |
| Name | Type | Description | Values | Default | Reflects |
|---|---|---|---|---|---|
color |
string |
Specifies the badge color. | blue | grey | green | red |
grey |
✅ |
None
None
| Name | Description |
|---|---|
badge |
Inner p element |
None