添加 Pro 输入

安装 FormKit Pro 非常简单!以下是步骤:

1. 获取项目密钥

登录到您的 FormKit Pro 账户 pro.formkit.com 并创建一个项目。将会提供给您一个 Project Key

2. 安装包

接下来,安装 @formkit/pro

npm install @formkit/pro

3. 配置您的项目

@formkit/pro 中导入 createProPlugin 帮助程序和任何所需的 Pro 输入:

// main.js 或 formkit.config.ts
import { createProPlugin, rating, toggle } from '@formkit/pro'

使用您的 Project Key 和所需的 Pro 输入创建 Pro 插件:

// main.js 或 formkit.config.ts
const proPlugin = createProPlugin('fk-00000000000', {
  rating,
  toggle,
  // ... 以及任何其他 Pro 输入
})

最后,将插件添加到您的 FormKit 配置中:

// main.js 或 formkit.config.ts
const config = defaultConfig({
  plugins: [proPlugin],
})

添加旧版 Pro Genesis 主题

旧版 Genesis 主题

如果您正在使用旧版 Genesis CSS 主题,请按照下面的说明操作。

注意:所有来自 https://themes.formkit.com 的 Tailwind 主题都支持 Pro 输入,因此 Tailwind 用户不需要按照下面的说明操作。

如果您在项目中使用的是旧版 Genesis CSS 主题,那么您还需要安装相应的 Pro CSS:

// main.js 或 formkit.config.ts
// Pro 的 Genesis 依赖于 Genesis
import '@formkit/themes/genesis'
import '@formkit/pro/genesis'