React AI Confirmation

Confirmation preview

When your AI agent wants to do something potentially dangerous—delete files, send emails, make API calls—you probably want a human to approve it first. That's what this component handles. It gives you a clean confirmation UI that integrates directly with Vercel AI SDK's tool approval flow. You get three states: the request (with approve/reject buttons), accepted, and rejected. The component knows which state it's in and renders the right thing automatically. We use this for anything where the AI shouldn't just YOLO it—payments, destructive operations, external API calls. It's the "are you sure?" dialog for AI agents.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this AI component for you — no copy-paste, no CLI:

use shadcnio to install the confirmation AI component into my project

Related Components

FAQ