vue-textarea-autogrow

TextareaAutogrow

A native Vue.js textarea component that auto grow height typing.

Install

$ npm install vue-textarea-autogrow

Register the component

import Vue from 'vue';
import TextareaAutogrow from 'vue-textarea-autogrow';

Vue.component('TextareaAutogrow', TextareaAutogrow);

or

Vue.use(TextareaAutogrow);

You may now use the component in your markup

<TextareaAutogrow v-model="form.guidance"
                  id="general-guidance"
                  name="guidance"
                  classes="form-control form-control-line textarea"
/>

Props config

props: {
  /**
   * The 'id' that will be applied to the end textarea.
   */
  id: String,
  
  /**
   * The classes that will be applied to the end textarea.
   */
  classes: String,
  
  /**
   * The 'name' attribute that will be applied to the end textarea.
   */
  name: String,
}