Textarea with tab indentation for Vue.js 2

  

An intuitive package that enhances textareas by allowing the use of the Tab key for indentation, automatically replacing tabs with spaces. It also supports the use of the Escape key to either unfocus the textarea or move to the next sibling element. Simple and efficient for improving user text input experience.

Demo

Installation

NPM

npm i vue-itextarea

CDN

<script src="https://www.unpkg.com/vue-itextarea/dist/vue-itextarea.min.js"></script>

Usage

import vue_itextarea from 'vue-itextarea';
Vue.component('vue-itextarea', vue_itextarea);

<vue-itextarea v-model="demo"
               class="demo"
               placeholder="Press the Tab key"
></vue-itextarea>

Properties

Name	Type	Default	Description
value			value for v-model
TAB_SIZE	Number	4	Number of spaces tab got automatically replaced by

Events

Name	Description
input	Input event for v-model

License

The MIT License (MIT). Please see License File for more information.