Badge
Gen UI 2.0 standardA small status pill. Use the colors success, danger and warning only to show a status, not for decoration.
One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use Badge. Standard catalog docs
Props
Read from standardUI.manifestComponents in the installed @copilotkit/react-core. In A2UI 1.0 any value may also be a { "@path" } binding into the surface data model or a { "@call" } function call.
| Prop | Type | Required | Description |
|---|---|---|---|
| label | string | Yes | Badge text |
| variant | "soft" | "solid" | "outline" | No | Default "soft" |
| color | "secondary" | "success" | "danger" | "warning" | "info" | "discovery" | No | Default "secondary" |
| size | "sm" | "md" | "lg" | No | Default "md" |
| pill | boolean | No | Default true |
| fontWeight | "normal" | "medium" | "semibold" | "bold" | No | Default "medium" |
| maxWidth | number | string | No | - |
| padding | number | string | No | - |