Plugin de Textarea com Altura Automática

• Instalação
• Uso

Usando a função createAutoHeightTextareaPlugin de @formkit/addons, você pode usar uma nova propriedade (auto-height) nos seus inputs Formkit do tipo textarea para fazê-los crescer e diminuir automaticamente de tamanho com base em seu conteúdo.

Instalação

Para usar este plugin com o FormKit, instale @formkit/addons:

yarn add @formkit/addons

Depois de instalar o pacote de addons, você precisará registrar o plugin com o FormKit:

// formkit.config.js
import { defaultConfig } from '@formkit/vue'
import { createAutoHeightTextareaPlugin } from '@formkit/addons'

const config = defaultConfig({
  plugins: [
    createAutoHeightTextareaPlugin(),
  ],
})

export default config

Uso

Para habilitar a altura automática em uma área de texto, adicione a propriedade auto-height a um input FormKit do tipo textarea.

Propriedades de campo disponíveis:

• max-auto-height Number Estabelece o limite superior para a expansão de uma área de texto, permitindo que ela cresça dinamicamente em altura, garantindo que não exceda a altura máxima especificada.