InputTextarea

Inputtextarea add styling and autoResize functionality to standard textarea element.

Basic

Auto Resize

Disabled

Import via Module


import { InputTextarea } from 'primereact/inputtextarea';

Import via CDN


<script src="https://unpkg.com/primereact/core/core.min.js"></script>
<script src="https://unpkg.com/primereact/inputtextarea/inputtextarea.min.js"></script>

Getting Started

Textarea is used as a controlled input with value and onChange properties.


<InputTextarea rows={5} cols={30} value={value} onChange={(e) => setValue(event.target.value)} />

AutoResize

In auto resize mode, textarea grows instead of displaying a scrollbar.


<InputTextarea rows={5} cols={30} value={value} onChange={(e) => setValue(event.target.value)} autoResize />

Properties

InputTextarea passes any attribute to the underlying textarea element, additional attributes are as follows;

Name	Type	Default	Description
autoResize	boolean	false	When present, height of textarea changes as being typed.
tooltip	any	null	Content of the tooltip.
tooltipOptions	object	null	Configuration of the tooltip, refer to the tooltip documentation for more information.