Interactive Components

import { IntegrationGrid } from "@/components/content/integration-grid";

What is this?

Interactive generative UI extends display components with user interaction. Your agent renders components that users can click, type into, or manipulate — and the results flow back to the agent.

When should I use this?

Use interactive generative UI when you want to:

• Let users confirm or modify agent suggestions inline
• Build form-like interactions within the chat
• Create approval workflows where users can accept/reject agent actions
• Add interactive controls (sliders, toggles, selectors) to agent outputs

Choose your AI backend

<IntegrationGrid path="generative-ui/your-components/interactive" />