angular-auto-size-input
Version:
Plug and Play directive to automatically scale textareas to their contents. Works while yout type, copy, cut, and paste.
35 lines (28 loc) • 747 B
Markdown
# Auto Size Input
Plug and Play directive to automatically scale textareas to their contents. Works while yout type, copy, cut, and paste.
<img src="https://media.giphy.com/media/xThtamvflSMeUYa5ck/giphy.gif">
## How to use it
1. `npm i angular-auto-size-input`
2. `import { AutoSizeInputModule } from 'angular-auto-size-input';` and add it to you Angular module
3. Add the `asAutoSizeInput` directive to your textareas
```
<textarea
asAutoSizeInput>
Hello
</textarea>
```
## Recommended styles (optional)
```
textarea.as-auto-size-input {
display: block;
width: 100%;
border: 1px solid #ccc;
outline: 0;
padding: 4px;
margin: 0;
background: transparent;
resize: none;
box-sizing: border-box;
overflow: hidden;
}
```