The Badge component is used to display short status labels, indicators, or tags with distinct colors to represent different states.
The OnlineBadge is a green-colored badge indicating a positive or active status.
The InProgressBadge is a yellow-colored badge representing an ongoing process or task.
The CancelledBadge is a red-colored badge indicating a stopped or terminated state.
| Component | Prop | Type | Description |
|---|---|---|---|
| OnlineBadge | children | string | The content to display inside the badge (usually text). |
| InProgressBadge | children | string | The content to display inside the badge (usually text). |
| CancelledBadge | children | string | The content to display inside the badge (usually text). |