示例 2: 动态表单输入

AI 根据你的对话自动生成表单。学习如何注册和使用自定义组件。

学习要点

1. registerComponent

使用 registerComponent 向 Tambo 注册自定义组件,让 AI 知道可以使用哪些组件。

2. propsSchema

使用 Zod schema 定义组件的 props,AI 会根据 schema 生成正确的参数。

3. InputFields 组件

支持 text、number、email、password 等多种输入类型,可以设置验证规则。

4. 组件描述

description 告诉 AI 何时使用这个组件,描述越清楚,AI 使用越准确。

试试这些消息:

  • • "创建一个用户注册表单"
  • • "我需要收集用户的姓名、邮箱和密码"
  • • "添加一个电话号码字段"
  • • "把邮箱字段设置为必填"