---
title: Interactive Components
icon: "lucide/MousePointer"
description: Register interactive React components that users can interact with in the chat.
hideTOC: true
---
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" />
