> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getsabo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Textarea

> Multi-line text input.

<Frame>
  <img src="https://mintcdn.com/aristotechnologiesinc/AI-6KNJJN4jkkZTo/images/ui/textarea-light.png?fit=max&auto=format&n=AI-6KNJJN4jkkZTo&q=85&s=96903d64a04f95094e4e381811b17ba5" alt="Textarea component preview (light)" width="240" data-path="images/ui/textarea-light.png" />
</Frame>

* **Location**: `sabo/src/components/ui/textarea.tsx`

## When to use

* Freeform, multi-line responses (messages, descriptions).
* Use Input for single-line text.

## Usage

```tsx sabo/src/components/ui/textarea.tsx theme={null}
import { Textarea } from "@/components/ui/textarea";

export function Example() {
  return (
    <Textarea placeholder="Write your message…" className="w-80 h-24" />
  );
}
```

## Key props

<ParamField path="rows" type="number">
  Sets the initial height. Combine with <code>className</code> height utilities.
</ParamField>

<ParamField path="className" type="string">
  Width/height and overrides (<code>w-80 h-24</code>, <code>rounded-lg</code>).
</ParamField>

## Styling tip

* Textareas grow with content by default (<code>field-sizing-content</code>); set a fixed height if needed.

## Accessibility

* Provide a descriptive label. Use <code>aria-invalid</code> and error text when validation fails.