Skip to content

Text

Gen UI 2.0 standard

Body text in a Card or next to another component; a paragraph alone is markdown outside the fence. Color "default" or "secondary". `text` takes inline markdown (**bold**, *italic*, ~~strike~~, ++underline++, `code`, [link](url)). `children` ids render inline after it, e.g. a Badge.

One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use Text. 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.

PropTypeRequiredDescription
textstring | numberNoText with inline markdown. A bound number shows as text
childrenstring[] | { componentId, path }NoIds of child components, or a template { componentId, path } over a data list.
colorstringNoOne of default|prose|primary|emphasis|secondary|tertiary|success|info|warning|caution|danger|discovery or a CSS color
fontWeight"normal" | "medium" | "semibold" | "bold"No-
textAlign"start" | "center" | "end"No-
italicbooleanNo-
truncatebooleanNo-
maxLinesnumberNo-
tabularNumsbooleanNo-
widthnumber | stringNo-
weightnumberNoflex-grow in a Row or Column
size"3xs" | "2xs" | "xs" | "sm" | "md" | "lg"NoDefault "md"
fontSizenumber | stringNoPixels when a number. Wins over size
lineHeightnumber | stringNoA unitless ratio, or CSS
minLinesnumberNoReserves the height of this many lines
strongbooleanNoDefault false
underlinebooleanNo-
lineThroughbooleanNo-
inlinebooleanNo-
preserveWhitespacebooleanNo-
highlight"green" | "orange" | "pink" | booleanNo-