---
name: Text Area
menu: Patterns
parent: Modules
route: /patterns/textarea
---

# Text Area

## Without validation

```specimen-react
<TextArea
  id="name"
  label="Account number"
  description="This is found at the top of your bill."
  status="unknown"
/>
```

## With positive validation

```specimen-react
<TextArea
  id="name"
  label="Account number"
  description="This is found at the top of your bill."
  status="valid"
  labelIsHeading={true}
>
  valid value
</TextArea>
```

## With negative validation

```specimen-react
<TextArea
  id="name"
  label="Account number"
  description="This is found at the top of your bill."
  status="invalid"
  errorMessage="incorrect value"
>
  invalid value
</TextArea>
```
