Plugin Textarea Auto-Hauteur

• Installation
• Utilisation

En utilisant la fonction createAutoHeightTextareaPlugin de @formkit/addons, vous pouvez utiliser une nouvelle prop (auto-height) sur vos entrées Formkit de type textarea pour les faire automatiquement grandir et rétrécir en taille en fonction de leur contenu.

Installation

Pour installer le plugin textarea auto-hauteur, nous devons :

1. l'importer depuis @formkit/addons.
2. L'ajouter à notre configuration FormKit en tant que plugin.
3. Ajouter la nouvelle prop auto-height à n'importe quelle textarea.

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

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

export default config

Utilisation

Pour activer l'auto-hauteur sur une zone de texte, ajoutez la prop auto-height à une entrée FormKit de type textarea.