npmpackage.info

Gathering detailed insights and metrics for ngx-autosize

Other packages similar to ngx-autosize

ngx-autosize-input

18.2.9

An Angular directive that automatically adjusts the width of an input element to its content. Unlike other auto-grow directives, it is unique because it both shrinks and increases the width based on the content.

ngx-textarea-autosize

2.0.3

Angular 2+ directive to automatically control height textarea to fit content

ngx-input-autosize

1.1.7

A text input for Angular that resizes itself to the current content.

ngx-autosize-ivy

1.0.2

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.

Gathering detailed insights and metrics for ngx-autosize

ngx-autosize

Angular2+ textarea autosize directive

2.0.4

111

MIT

TypeScript

1.79 kB

5,131,609 2

Installations

npm install ngx-autosize

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

16.17.0

NPM Version

8.15.0 Pull Requests

Open

1

Total

63

Closed

47

Merged

15

Issues

Open

7

Total

52

Closed

45

Releases

Height with/without padding

2.0.4

Published on 18 Jan 2023

Window ref in public api

2.0.3

Published on 02 Nov 2022

Updating to Ivy builder

2.0.2

Published on 18 Jul 2022

Fixing compilation errors

1.8.7

Published on 18 Jul 2022

Separating overflows, dynamic on/off and example

1.8.6

Published on 20 Dec 2021

Padding support, SSR and destroyed improvements

1.8.4

Published on 29 Nov 2020

View all 14 releases

Contributors

Unable to fetch Contributors

View all 7 contributors

Languages

TypeScript

HTML

JavaScript

SCSS

TypeScript (52.24%)

HTML (33.71%)

JavaScript (9.04%)

SCSS (5.01%)

Developer

chrum

Download Statistics

Total Downloads

5,131,609

Last Day

1,175

Last Week

18,155

Last Month

111,150

Last Year

1,324,477

GitHub Statistics

111 Stars

87 Commits

24 Forks

4 Watching

4 Branches

7 Contributors

Bundle Size

5.56 kB

Minified

1.79 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.0.4

Package Id

ngx-autosize@2.0.4

Unpacked Size

89.53 kB

Size

15.45 kB

File Count

NPM Version

8.15.0

Node Version

16.17.0

Publised On

18 Jan 2023

Total Downloads

Cumulative downloads

Total Downloads

5,131,609

Last day

-78.4%

1,175

Compared to previous day

Last week

-34.6%

18,155

Compared to previous week

Last month

-1.6%

111,150

Compared to previous month

Last year

13.7%

1,324,477

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

tslib

Peer Dependencies

@angular/common @angular/core

Versions

ngx-autosize

ngx-autosize is an Angular2+ 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.

Production builds ready (AOT support)
Works with Ionic (shadow dom of v4 too)

Check the demo here

Installation:

angular 12+

1npm install ngx-autosize

for angular <12

1npm install ngx-autosize@1

Use Example:

Add the declaration to your @NgModule:
IMPORTANT !!! you need to do it for every module that will be autosizing textareas ;)

1import {AutosizeModule} from 'ngx-autosize';
2
3...
4
5@NgModule({
6  imports: [
7    AutosizeModule
8  ]
9})

Use directly inside your HTML templates

<textarea autosize class="my-textarea">
    Hello, this is an example of Autosize in Angular2.
</textarea>

<ion-textarea autosize [(ngModel)]="text">
    And this is Ionic2 example
</ion-textarea>

Dynamically enable directive

<textarea [autosize]="true"></textarea> // Enabled (defalut)
<textarea [autosize]="false"></textarea> // Disabled

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">
    Hello, this is an example of Autosize in Angular2.
</textarea>

Events / Outputs

Name	Description
resized	Called whenever textarea has changes its size. New height as a param.

Example

<textarea autosize (resized)="onResized($event)">
    You need to implement 'onResized' yourself
</textarea>

Origins

This small lib is based on great http://stevepapa.com/angular2-autosize which is unfortunatelly not maintained and abandoned :(

Authors

Steve Papa Chrystian Ruminowicz

Licence

This project is licensed under the MIT license. See the LICENSE file for more info.

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2

/10

Last Scanned on 2024-12-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More