v-autosize

Lightweight Vue wrapper for `autosize`

Usage no npm install needed!

<script type="module">
  import vAutosize from 'https://cdn.skypack.dev/v-autosize';
</script>

README

v-autosize

Lightweight Vue wrapper for autosize. Use v-autosize directive on the textarea element to make it automatically adjust height to fit text.

Install

npm install v-autosize

Usage

Register directive locally in the component

import autosize from 'v-autosize';

// Your component
export default {
    directives: {
        autosize,
    }
}

Or register directive globally in the root Vue instance

import Vue from 'vue';
import autosize from 'v-autosize/dist/plugin';

Vue.use(autosize);

Use v-autosize directive on the textarea element

<textarea v-autosize></textarea>

Comparison

This module: 3.7 kB Minified, 1.3 kB Gzipped
vue-autosize: 5.2 kB Minified, 1.9 kB Gzipped
vue-textarea-autosize: 3.5 kB Minified, 1.4 kB Gzipped. A component is used instead of a directive.

License

MIT License