Svg
Gen UI 2.0 standardA vector drawing from primitive shapes (paths, circles, rects, lines, texts). Colors take text color tokens or CSS colors.
One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use Svg. 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 |
|---|---|---|---|
| paths | { d, fill?, stroke?, strokeWidth? }[] | No | - |
| viewBox | string | No | - |
| label | string | No | What the drawing shows, for screen readers. Leave it unset for a decorative drawing |
| fill | string | No | Default "currentColor" |
| stroke | string | No | - |
| strokeWidth | number | No | - |
| strokeLinecap | "butt" | "round" | "square" | No | - |
| strokeLinejoin | "miter" | "round" | "bevel" | No | - |
| preserveAspectRatio | string | No | - |
| circles | { cx, cy, r, fill?, stroke? }[] | No | - |
| rects | { x, y, width, height, rx?, fill?, stroke? }[] | No | - |
| lines | { x1, y1, x2, y2, stroke? }[] | No | - |
| texts | { x, y, text, size?, fill?, anchor? }[] | No | - |
| width | number | string | No | - |
| height | number | string | No | - |
| size | number | string | No | - |
| color | string | No | Default "prose" |