Skip to content

EntityCard

Gen UI 2.0 standard

A card for one product, place, person or listing: image, title, subtitle, description, a price or meta line, badge, rating and up to three buttons. href opens a page; onClick is sent when bound. Use a Grid of them for several things.

One of the 69 components in CopilotKit's standardUI. The playground's catalog extends it, so every agent here can use EntityCard. 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
titlestringYesThe name
actions{ label, href?, variant? }[]NoUp to three buttons. A button without href sends onAction with its label
onActionAction (event or functionCall)NoSent when the user clicks a button without href. The args carry the label of the button.
onClickAction (event or functionCall)NoSent when the user clicks the card and it has no href.
subtitlestringNoA second line, for example the brand or category
descriptionstringNoUp to three lines
imagestringNoAn image URL
imageAspectRatiostringNoDefault "4 / 3"
metastringNoA short fact line, for example "$29 / month" or "Open until 22:00"
badge{ label, color? }No-
ratingnumberNo0 to 5, shown as stars
ratingCountnumberNoThe number of ratings
hrefstringNoOpens this URL in a new tab when the user clicks the card
layout"vertical" | "horizontal"NoDefault "vertical". "horizontal" puts the image on the left
widthnumber | stringNo-