React Hook Form Integration#
This example demonstrates how to integrate assistant-ui with React Hook Form, allowing the AI assistant to fill out and submit forms.
Quick Start#
Using CLI (Recommended)#
npx assistant-ui@latest create my-app --example with-react-hook-form
cd my-app
Environment Variables#
Create .env.local:
OPENAI_API_KEY=sk-...
Run#
npm run dev
Features#
- React Hook Form integration via
@assistant-ui/react-hook-form - AI-powered form filling with
useAssistantForm - Custom tool rendering for form actions
- Sidebar assistant layout
- Form validation with Zod