Adicionando Entradas Pro

Instalar o FormKit Pro é fácil! Aqui estão os passos:

1. Obtenha uma Chave de Projeto

Faça login na sua conta FormKit Pro em pro.formkit.com e crie um projeto. Uma Chave de Projeto será fornecida a você.

2. Instale o pacote

Em seguida, instale o @formkit/pro:

npm install @formkit/pro

3. Configure seu projeto

Importe o auxiliar createProPlugin e quaisquer Entradas Pro desejadas de @formkit/pro:

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

Crie o plugin Pro com sua Chave de Projeto e as Entradas Pro desejadas:

// main.js ou formkit.config.ts
const proPlugin = createProPlugin('fk-00000000000', {
  rating,
  toggle,
  // ... e quaisquer outras Entradas Pro
})

Por último, adicione o plugin à sua configuração FormKit:

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

Adicionando o Tema Genesis Pro Legado

Tema Genesis Legado

Se você está usando o tema CSS Genesis legado, siga as instruções abaixo.

Nota: Todos os temas Tailwind de https://themes.formkit.com já vêm com suporte para entradas Pro, então as instruções abaixo não são necessárias para usuários de Tailwind.

Se você está usando o tema CSS Genesis legado em seu projeto, então você precisará instalar o CSS Pro acompanhante também:

// main.js ou formkit.config.ts
// Genesis para Pro depende do Genesis
import '@formkit/themes/genesis'
import '@formkit/pro/genesis'