React AI Confirmation

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.

Confirmation preview

Installation

npx shadcn@latest add https://www.shadcn.io/registry/confirmation.json

npx shadcn@latest add https://www.shadcn.io/registry/confirmation.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/confirmation.json

bunx shadcn@latest add https://www.shadcn.io/registry/confirmation.json

Related Components

FAQ