Angular2-Elastic
Automatically grows and shrinks textareas based on their content. Supports both regular Angular 2 <textarea>
and Ionic 2 <ion-textarea>
controls.
Installation
npm install angular2-elastic
Quick Start
- Import the
ElasticModule
. - Add the directive
fz-elastic
to yourtextarea
orion-textarea
. - Watch as your textareas automatically grow and shrink depending on their content.
Usage
Angular 2
1. Import the ElasticModule
:
;;;;;
2. Use the directive in your component HTML:
;;
That's it! Your textarea will now grow and shrink as you type.
The textarea will also respond to changes from any one or two way bindings that are setup, e.g. with [(ngModel)]
.
Ionic 2
- Import the module as above.
- Use the directive on an
ion-textarea
instead:
License
MIT
Credits
Heavily inspired by the following: