Plugin Textarea à Hauteur Automatique

• Installation
• Utilisation

En utilisant la fonction createAutoHeightTextareaPlugin de @formkit/addons, vous pouvez utiliser une nouvelle propriété (auto-height) sur vos entrées Formkit de type textarea pour qu'elles s'agrandissent et se rétrécissent automatiquement en taille en fonction de leur contenu.

Installation

Pour utiliser ce plugin avec FormKit, installez @formkit/addons :

yarn add @formkit/addons

Une fois que vous avez installé le package addons, vous devrez enregistrer le plugin avec FormKit :

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

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

export default config

Utilisation

Pour activer la hauteur automatique sur une zone de texte, ajoutez la propriété auto-height à une entrée FormKit de type textarea.

Propriétés de champ disponibles :

• max-auto-height Number Établit la limite supérieure pour l'expansion d'une zone de texte, lui permettant de croître dynamiquement en hauteur tout en s'assurant qu'elle ne dépasse pas la hauteur maximale spécifiée.