Ngx-autosize-app NPM

@techiediaries/ngx-autosize

ngx-autosize is an Angular 10 directive that automatically adjusts textarea height to fit its content.

It adjusts the textarea height automatically to any text input, or changes to the model bound to the textarea.

How to Install?

$ npm install @techiediaries/ngx-autosize

How to Use?

First import the module as follow:

import {AutosizeModule} from '@techiediaries/ngx-autosize';

...

@NgModule({
  imports: [
    AutosizeModule
  ]
})

Use directly inside your HTML templates

<textarea autosize>
    Angular 10 example
</textarea>

Settings

Name	Default	Type	Description
minRows		integer	Sets minimal amount of rows of the textarea
maxRows		integer	Sets maximum rows count after which autosizing if turned off and scrollbar appears
onlyGrow	false	boolean	Controls if autosize should make the textarea smaller. In other words... should empty lines be trimmed?
useImportant	false	boolean	Controls if autosize should include `!important` in its height css styles. Should only need to be used if the height of the textarea is being overridden elsewhere

Example

<textarea autosize minRows="5" maxRows="10" (resized)="onResized($event)"> You need to implement 'onResized' yourself

## Credits

This library is based
[http://stevepapa.com/angular2-autosize](http://stevepapa.com/angular2-autosize)
and [ngx-autosize](https://www.npmjs.com/package/ngx-autosize)

ng ng2 angular angular2 autosize textarea elastic height @angular ionic ionic4

@angular/animations @angular/common @angular/compiler @angular/core @angular/forms @angular/platform-browser @angular/platform-browser-dynamic @angular/router core-js ngx-autosize rxjs tslib zone.js

@everything-registry/sub-chunk-2281 @infinitebrahmanuniverse/nolb-ngx-a

1.8.1-next

4 years ago