# Textarea (/docs/components/textarea)
## Overview [#overview]
Use Textarea for multi-line text.
Textareas are useful for comments, descriptions, notes, feedback, support messages, and any field where the answer may be longer than one line.
## Anatomy [#anatomy]
A textarea has a value, placeholder, size, disabled state, and optional validation state. It should usually be wrapped in Field.
## Usage guidance [#usage-guidance]
Use Input for short single-line values. Use Textarea when users need space to write. Set a sensible minimum height so the field does not feel cramped.
## Accessibility [#accessibility]
Always provide a label. Add helper text when users need to know expected length, format, or privacy context.
## Installation [#installation]
CLI
Manual
```bash
npx love-ui@latest add textarea
```
Install the following dependencies:
```bash
npm install @base-ui-components/react
```
Copy and paste the following code into your project.
Update the import paths to match your project setup.
## Usage [#usage]
```tsx
import { Textarea } from "@/components/ui/textarea"
```
```tsx
```
## Examples [#examples]
The examples show sizes, disabled state, labels, and form integration.
For accessible labelling and validation, prefer using the `Field` component to wrap textareas. See the related example: [Textarea field](/ui/docs/components/field#textarea-field).
### Small Size [#small-size]
### Large Size [#large-size]
### Disabled [#disabled]
### With Label [#with-label]
### Form Integration [#form-integration]