---
title: "Text area"
description: "Use the text area form field to allow the user to enter multiple lines of text."
sidebar_label: "Text area"
slug: /reference/components/text-area
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# Text area

Use the text area form field to allow the user to enter multiple lines of text.

**Package:** `@terreno/ui`  
**Categories:** Component  
**Props interface:** `TextAreaProps`  
**Story source:** [`demo/stories/Textarea.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/Textarea.stories.tsx)

## Live demo

<ComponentDemo name="Text area" />

## Props

| Prop | Type | Required | Description |
| --- | --- | --- | --- |
| `onChange` | `OnChangeCallback` | Yes |  |
| `aiSuggestion` | `AiSuggestionProps` |  |  |
| `autoComplete` | `union` |  |  |
| `blurOnSubmit` | `boolean` |  |  |
| `disabled` | `boolean` |  |  |
| `errorText` | `string` |  |  |
| `grow` | `boolean` |  |  |
| `helperText` | `string` |  |  |
| `iconName` | `IconName` |  |  |
| `id` | `string` |  |  |
| `inputRef` | `reflection` |  |  |
| `onBlur` | `OnChangeCallback` |  |  |
| `onEnter` | `reflection` |  |  |
| `onFocus` | `reflection` |  |  |
| `onIconClick` | `reflection` |  |  |
| `onSubmitEditing` | `reflection` |  |  |
| `placeholder` | `string` |  |  |
| `returnKeyType` | `union` |  |  |
| `rows` | `number` |  |  |
| `testID` | `string` |  |  |
| `title` | `string` |  |  |
| `trimOnBlur` | `boolean` |  |  |
| `value` | `string` |  |  |