wehub-resource-sync
e30e75b5d4
Changesets / Create Version PR (push) Has been cancelled
Deploy Shadcn Registry / Deploy Production (push) Has been cancelled
Template Metrics / LOC + Bundle Size (push) Has been cancelled
Code Quality / Oxlint + Oxfmt (push) Has been cancelled
Code Quality / Template Sync (push) Has been cancelled
Code Quality / Build Changed Packages (push) Has been cancelled
Code Quality / Test Changed Packages (push) Has been cancelled
Deploy Expo Example / Deploy Production (push) Has been cancelled
Deploy Ink Example / Deploy Production (push) Has been cancelled
Python Tests / pytest (assistant-stream, 3.10) (push) Has been cancelled
Python Tests / pytest (assistant-stream, 3.12) (push) Has been cancelled
Python Tests / pytest (assistant-ui-sync-server-api, 3.10) (push) Has been cancelled
Python Tests / pytest (assistant-ui-sync-server-api, 3.12) (push) Has been cancelled
40 lines
830 B
Markdown
40 lines
830 B
Markdown
# 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)
|
|
|
|
```bash
|
|
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
|
|
|
|
```bash
|
|
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
|
|
|
|
## Related Documentation
|
|
|
|
- [assistant-ui Documentation](https://www.assistant-ui.com/docs)
|
|
- [React Hook Form Integration](https://www.assistant-ui.com/docs/integrations/react-hook-form)
|