# Shadcn Textarea

> Open-source shadcn textarea components for comments, long-form input, and support tickets.

- Type: shadcn/ui component, free
- Page: https://web.dev.reui.io/components/textarea
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/textarea.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/textarea.md
- MCP: `get_component("textarea")`, then `get_examples("textarea")`
- Examples: 6

## When to use

- Messages, feedback and other free text answers that run over several lines
- Labeled long text fields with a hint under the box, an error state or a disabled state
- Profile bios that count characters toward a limit and grow as the user types

## When not to use

- A comment or prompt box with buttons or a live count inside its border: use [Input Group](https://web.dev.reui.io/components/input-group.md) (`get_component("input-group")`)
- A modal that asks for a note along with reasons to tick, such as a churn survey: use the [Dialog blocks](https://web.dev.reui.io/blocks/application/dialog.md)
- A complete page of fields, such as a support ticket or a profile edit, saved together: use the [Form blocks](https://web.dev.reui.io/blocks/application/form.md)

## Agent notes

- `Textarea` grows with its text through `field-sizing-content` with no height cap, and Chromium ignores `rows`; set min-h and max-h classes
- Only `aria-invalid` on `Textarea` turns its border red, in every style; a data-invalid flag on `Field` leaves the border as it was

## Examples

- [Basic](https://web.dev.reui.io/components/textarea/c-textarea-1.md): Basic textarea.. Best for the bare multi line box with placeholder text and no label, Field or hint around it.
- [Invalid](https://web.dev.reui.io/components/textarea/c-textarea-2.md): Invalid textarea.. Best for the red invalid state set by aria-invalid alone, with no label or message saying what is wrong.
- [With Label](https://web.dev.reui.io/components/textarea/c-textarea-3.md): Textarea with label.. Best for a Your Message label above the box, tied to it by htmlFor and id, with nothing printed below.
- [With Description](https://web.dev.reui.io/components/textarea/c-textarea-4.md): Textarea with description.. Best for a Feedback label above the box and one line of help text printed below it.
- [Disabled](https://web.dev.reui.io/components/textarea/c-textarea-5.md): Disabled textarea.. Best for a labeled box locked by the disabled attribute, dimmed to half opacity with a not allowed cursor.
- [Auto-Resize Counter](https://web.dev.reui.io/components/textarea/c-textarea-6.md): Auto-resize textarea with character count. Best for a 280 character Bio whose live count by the label turns to the warning tone 20 short of the cap and red at it.

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.