vue-itextarea

Use tab to indent in textareas (tab got automatically replaced by spaces). Escape to unfocus or move to the next sibling.
1,625 1
Install
npm install vue-itextarea
Latest Version:1.1.9
Vue:2
License:MIT
Last Updated:Jan 5, 2024
Links: GitHub  ·  npm
Maintainer: beaubus

Textarea with tab indentation for Vue.js 2

npm MIT    Twitter Follow

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.

Related Packages

vue-mapbox-ts-legacy

Highly reactive Mapbox Framework for Vue.js written in TypeScript

2,977
vue-truncate-collapsed

A simple component that truncates your text and adds a 'Read More/Show Less' cli...

75,853 104
am-view

Mobile UI based on Vue.js

3,522 2

Version History

Version Released Vue License
1.1.9 ^2.6.11 MIT
1.1.8 ^2.6.11 MIT
1.1.7 ^2.6.11 MIT
1.1.6 ^2.6.11 MIT
1.1.5 ^2.6.11 MIT