<p>Angular InputTextarea is a multi-line text input element.</p>
<h3 id="setup">Setup</h3>
<p>Refer to PrimeNG <a target="_blank" href="https://primefaces.org/primeng/showcase/#/setup">setup documentation</a> for download and installation steps for your environment.</p>
<h3 id="import">Import</h3>
<pre><code class="lang-js"><span class="hljs-keyword">import</span> {InputTextareaModule} <span class="hljs-keyword">from</span> <span class="hljs-string">'primeng/inputtextarea'</span>;
</code></pre>
<h3 id="getting-started">Getting Started</h3>
<p>InputTextarea is applied to an input field with pInputTextarea directive.</p>
<pre><code class="lang-html"><span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">pInputTextarea</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
</code></pre>
<h3 id="model-binding">Model Binding</h3>
<p>A model can be bound using the standard ngModel directive.</p>
<pre><code class="lang-html"><span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> <span class="hljs-attr">pInputTextarea</span> [(<span class="hljs-attr">ngModel</span>)]=<span class="hljs-string">"property"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
</code></pre>
<h3 id="autoresize">AutoResize</h3>
<p>In auto resize mode, textarea grows instead of displaying a scrollbar. When this feature is enabled, rows and cols properties are required to be defined.</p>
<pre><code class="lang-html"><span class="hljs-tag">&lt;<span class="hljs-name">textarea</span> [<span class="hljs-attr">rows</span>]=<span class="hljs-string">"5"</span> [<span class="hljs-attr">cols</span>]=<span class="hljs-string">"30"</span> <span class="hljs-attr">pInputTextarea</span> <span class="hljs-attr">autoResize</span>=<span class="hljs-string">"autoResize"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">textarea</span>&gt;</span>
</code></pre>
<h3 id="theming">Theming</h3>
<p>InputTextarea supports various themes featuring Material, Bootstrap, Fluent as well as your own custom themes via the <a target="_blank" href="https://primefaces.org/primeng/showcase/#/theming">Designer</a> tool.</p>
<h3 id="resources">Resources</h3>
<p>Visit the PrimeNG <a target="_blank" href="https://primefaces.org/primeng/showcase/#/inputtextarea">InputTextarea</a> showcase for demos and documentation.</p>


Angular InputTextarea is a multi-line text input element.

### Setup

Refer to PrimeNG [setup documentation](https://primefaces.org/primeng/showcase/#/setup) for download and installation steps for your environment.

### Import

```js
import {InputTextareaModule} from 'primeng/inputtextarea';
```

### Getting Started

InputTextarea is applied to an input field with pInputTextarea directive.

```html
<textarea pInputTextarea></textarea>
```

### Model Binding

A model can be bound using the standard ngModel directive.

```html
<textarea pInputTextarea [(ngModel)]="property"></textarea>
```

### AutoResize

In auto resize mode, textarea grows instead of displaying a scrollbar. When this feature is enabled, rows and cols properties are required to be defined.

```html
<textarea [rows]="5" [cols]="30" pInputTextarea autoResize="autoResize"></textarea>
```

### Theming

InputTextarea supports various themes featuring Material, Bootstrap, Fluent as well as your own custom themes via the [Designer](https://primefaces.org/primeng/showcase/#/theming) tool.

### Resources

Visit the PrimeNG [InputTextarea](https://primefaces.org/primeng/showcase/#/inputtextarea) showcase for demos and documentation.