Elements

44 / 59 · Generative

View event

A compact single-event summary card.

Installation

npm install @assistant-ui/react-generative-ui

Usage

import { renderGenerativeUI } from "@assistant-ui/react-generative-ui";

<div data-aui-theme="elements">
  {renderGenerativeUI(spec, library, { status: "done" })}
</div>

Spec

Scheduling
{
  "$type": "Card",
  "children": [
    {
      "$type": "Caption",
      "$key": "date",
      "value": "Friday, July 24"
    },
    {
      "$type": "Header",
      "$key": "title",
      "text": "Design review",
      "size": "md"
    },
    {
      "$type": "Caption",
      "$key": "time",
      "value": "9:00 to 9:30 AM · Conference Room B"
    }
  ]
}

Component vocabulary →