Installer FormKit Pro est facile ! Voici les étapes :
Connectez-vous à votre compte FormKit Pro sur pro.formkit.com et créez un projet. Une Clé de projet vous sera fournie.
Ensuite, installez @formkit/pro :
npm install @formkit/pro
Importez l'assistant createProPlugin et les entrées Pro souhaitées depuis @formkit/pro :
// main.js ou formkit.config.ts
import { createProPlugin, rating, toggle } from '@formkit/pro'
Créez le plugin Pro avec votre Clé de projet et les entrées Pro souhaitées :
// main.js ou formkit.config.ts
const proPlugin = createProPlugin('fk-00000000000', {
rating,
toggle,
// ... et toute autre entrée Pro
})
Enfin, ajoutez le plugin à votre configuration FormKit :
// main.js ou formkit.config.ts
const config = defaultConfig({
plugins: [proPlugin],
})
Si vous utilisez le thème CSS Genesis legacy, suivez les instructions ci-dessous.
Note : Tous les thèmes Tailwind de https://themes.formkit.com sont compatibles avec les entrées Pro, donc les instructions ci-dessous ne sont pas nécessaires pour les utilisateurs de Tailwind.
Si vous utilisez le thème CSS Genesis legacy dans votre projet, vous devrez également installer le CSS Pro accompagnant :
// main.js ou formkit.config.ts
// Genesis pour Pro dépend de Genesis
import '@formkit/themes/genesis'
import '@formkit/pro/genesis'