# Textarea

Multiline text field that can grow as you type and show a character count. Focus highlights the field, an error gives it a single nudge, and the count turns red at the limit.

> Primitive · Free · Forms & Inputs — React Native, Expo Go compatible.

## Install

```bash
npx @lumioui/cli add textarea
```

## Import

```tsx
import { Textarea } from "@/components/ui/textarea/textarea";
```

## Variants

- `error` — Error: `npx @lumioui/cli add textarea-error`
- `glass` — Glass: `npx @lumioui/cli add textarea-glass`
- `note` — Note: `npx @lumioui/cli add textarea-note`

## Props

| Prop | Type | Notes |
| --- | --- | --- |
| `label?` | `string` | Visible label above the field. |
| `helper?` | `string` | Helper text below the field. |
| `error?` | `string` | Error message — turns the field red. |
| `minHeight?` | `number` | Minimum height in points. Default 96. |
| `autoGrow?` | `boolean` | Grow with content. |
| `showCount?` | `boolean` | Show a live character count under the field ("n" or "n/max" with maxLength). |
| `className?` | `string` | NativeWind classes for the input. |
| `glass?` | `boolean` | Glass field — rounded material instead of the flat fill. |
| `containerClassName?` | `string` | Classes for the outer wrapper. |
| `multiline?` | `boolean` | — |

Source: https://lumioui.com/components/textarea