# vue-textarea

> a advanced textarea

Latest version **1.0.0** (published 2016-09-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-textarea
pnpm add vue-textarea
yarn add vue-textarea
bun add vue-textarea
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2016-09-17 |
| First published | 2016-04-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | * |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 12 |
| Author | Paul Pflugradt |
| Maintainers | paulpflug |
| Keywords | textarea, component, vue |

## Links

- npm: https://www.npmjs.com/package/vue-textarea
- Repository: https://github.com/vue-comps/vue-textarea
- Homepage: https://github.com/vue-comps
- Issues: https://github.com/vue-comps/vue-textarea/issues
- npm.io page: https://npm.io/package/vue-textarea

## Dependencies (1)

- [vue-mixins](https://npm.io/package/vue-mixins.md) ^0.2.17

## Alternatives

- [lodash.startswith](https://npm.io/package/lodash.startswith.md) — 769.7K weekly downloads
- [@tarojs/service](https://npm.io/package/@tarojs/service.md) — 33.9K weekly downloads
- [io.extendreality.tilia.indicators.spatialtargets.unity](https://npm.io/package/io.extendreality.tilia.indicators.spatialtargets.unity.md) — 131 weekly downloads
- [@rtarojs/taro](https://npm.io/package/@rtarojs/taro.md) — 90 weekly downloads
- [node-branch-io](https://npm.io/package/node-branch-io.md) — 50 weekly downloads

## Recent versions

- 1.0.0 (latest) — 2016-09-17
- 0.2.0 — 2016-08-11
- 0.1.0 — 2016-04-17

## README

# vue-textarea

a autoresizing textarea.

### [Demo](https://vue-comps.github.io/vue-textarea)

# Install

```sh
npm install --save-dev vue-textarea
```
or include `build/bundle.js`.

## Usage
```coffee
# in your component
components:
  "vc-textarea": require("vue-textarea")
# or, when using bundle.js
components:
  "vc-textarea": window.vueComps.textarea
```
```html
<vc-textarea>Content
  <span slot="placeholder">A placeholder</span>
</vc-textarea>
```
see [`dev/`](dev/) for examples.

#### Props
Name | type | default | description
---:| --- | ---| ---
value | String | textContent of slot | (two-way) content of the textarea
taclass | VueClass | [] | class of the textarea
style | VueStyle | [] | style of the wrapper div
autofocus | Boolean | false | autofocus
disabled | Boolean | false | disabled
readonly | Boolean | false | readonly
no-extra-line | Boolean | false | doesn't add the extra empty line on resize
size | Object | {height:`offsetHeight`,width:`offsetWidth`} | size of the closed textarea
max-size | Object | {height:`Number.MAX_VALUE`,width:`this.size.width`}  | size of the opened textarea
hover-size | Object | {height:`this.size.height`,width:`this.size.width`} | size of the closed textarea on hover
is-opened	| Boolean	| false | (two-way) set to open / close (will open on focus and close on blur)
transition-in | Function | no animation | animation for increasing size. Argument: {el,style,cb}
transition-out | Function | no animation | animation for reducing size. Argument: {el,style,cb}


#### Events
`focus`, `blur`, `keyup` will pass-through

Name |  description
---:| ---
before-enter | will be called before open animation
after-enter |  will be called when opened
before-leave |  will be called before close animation
after-leave |  will be called when closed
input | will be emitted when value changed

## Changelog

- 1.0.0  
events are renamed after vue transitions  
added unit tests  
bugfixes  

# Development
Clone repository.
```sh
npm install
npm run dev
```
Browse to `http://localhost:8080/`.

## License
Copyright (c) 2016 Paul Pflugradt
Licensed under the MIT license.

---
_Source: https://npm.io/package/vue-textarea · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._