Skip to content

ListItem

Gen UI 2.0 standard

An item of a List, with a label, a value on the right, a description, an icon and children. With an "action", the user can pick it.

One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use ListItem. 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
labelstringNo-
valuestring | numberNoWithout an action: shown on the right of the label, for a key and value fact
actionAction (event or functionCall)NoRuns when the user picks the item.
childrenstring[] | { componentId, path }NoIds of child components, or a template { componentId, path } over a data list.
descriptionstringNo-
iconstringNoLucide icon name
markerstringNoShows this text as the marker
markerSizenumberNoThe width of the marker column in pixels
disabledbooleanNoGreys the item out and ignores its action