---
id: Text area
section: components
subsection: forms
cssPrefix: pf-v6-c-form-control
propComponents: ['TextArea']
---

import { Fragment, useRef, useState } from 'react';

## Examples

### Basic

```ts file="./TextAreaBasic.tsx"

```

### Invalid

```ts file="./TextAreaInvalid.tsx"

```

### Validated

```ts file="./TextAreaValidated.tsx"

```

### Vertically resizable

```ts file="./TextAreaVerticallyResizable.tsx"

```

### Horizontally resizable

```ts file="./TextAreaHorizontallyResizable.tsx"

```

### Not resizable

```ts file="./TextAreaResizableNone.tsx"

```

### Uncontrolled

```ts file="./TextAreaUncontrolled.tsx"

```

### Disabled

```ts file="./TextAreaDisabled.tsx"

```

### Read only

```ts file="./TextAreaReadOnly.tsx"

```

### Auto resizing

```ts file="./TextAreaAutoResizing.tsx"

```
