这是一个广泛的示例集合，其中包含你今天就可以在项目中使用的工作代码。
form 类型会自动添加一个提交按钮。添加类以使其用户界面符合你的项目样式
使用 list 类型，我们可以创建可以有多个值的重复输入。此示例使用循环让用户添加/删除电子邮件地址。
使用 FormKitSchema 组件根据另一个输入的值有条件地显示输入（带验证规则）。
使用 FormKitSchema 组件从多步骤表单指南渲染多步骤表单。
创建一个自定义的模式驱动的提交按钮，当表单提交时动态禁用，并提供一个加载旋转器。
使用插件在具有 "required" 规则的输入的标签区域添加星号（*）。
使用插件将字符串值转换为数字。如果你希望类型为 number 的输入返回JS Number 原始值，这将非常有用。
使用插件修改所有后代复选框输入的HTML。
通过扩展模式定义，使用插件在验证消息前添加图标。
使用插件将所有初始输入值设置为一个空字符串 "" 而不是 undefined。
使用插件允许 button 系列的输入具有一个可以随意切换的新的 loading 属性的加载旋转器。
使用插件根据 id 自动设置输入的 name、label 和 help 属性。减少你的HTML中的重复属性声明。
一个插件，当提交或添加后端错误时，自动滚动到页面上的第一个错误。
一个带有 +1 和 -1 步进按钮的自定义输入。使用 createInput() 制作。
使用插槽或 :sections-schema 功能修改标签的 HTML。
根据另一个输入的值有条件地更新 select 输入的 options。
仅使用新样式（此示例中的 Tailwind Classes）将卡片处理应用于默认的 FormKit 单选输入结构。
当异步验证规则正在等待验证时，向您的输入添加加载旋转器。
只有当用户更改了表单内的任何值时，才启用保存/提交按钮。
通过使用 FormKit 的 :sections-schema 注入 Vue TransitionGroup 组件，为验证消息添加过渡。
在 StackBlitz 上的一个带有 Nuxt、FormKit 和 Tailwind CSS 的工作入门项目。
使用 rootClasses 配置函数和 FormKit 属性根据输入状态生成动态类。对于 Tailwind 和其他 CSS 实用程序库很有帮助。
创建 FormKit 输入（如按钮）的 UI 变体，这些变体根据您的组件中的反应式数据进行更新。