UNPKG

ng-autosize

Version:

Angular Directive that automatically adjusts textarea height to fit content

60 lines (37 loc) 1.31 kB
# ng-autosize ***ng-autosize*** is an Angular2, Angular4 + directive that automatically adjusts textarea height to fit content. It adjusts the textarea height automatically to any text input, or changes to the model bound to the textarea. ## Demo [http://stevepapa.com/ng-autosize](http://stevepapa.com/ng-autosize) ## Installation: ```bash npm install ng-autosize ``` ## Use Example: Add the declaration to your @NgModule: ```typescript import {Autosize} from 'ng-autosize'; ... @NgModule({ declarations: [ Autosize ] }) ``` Use directly inside your HTML templates by adding the word 'autosize' to any textarea. ``` <textarea autosize>Hello, this is an example of Autosize in Angular2.</textarea> ``` ## Extra Configuration Options: Set a minimum height on your textarea. ``` <textarea autosize [minHeight]="60px">Hello, this is an example of Autosize in Angular2 with a Min Height.</textarea> ``` Set a maximum height on your textarea. ``` <textarea autosize [maxHeight]="120px">Hello, this is an example of Autosize in Angular2 with a Max Height.</textarea> ``` ## Author [Steve Papa](https://stevepapa.com) ## Licence This project is licensed under the MIT license. See the [LICENSE](LICENSE) file for more info.