# Textarea

Un campo de múltiples líneas para texto libre: una descripción, una instrucción, una nota.

## Playground

```html
<div class="feitio-field"><label class="feitio-label" for="pg-ta">Nota</label><textarea class="feitio-textarea" id="pg-ta" rows="3">Recuérdame cambiar las fotos del catálogo.</textarea></div>
```

## Cuándo usarlo

-   Cuando la respuesta tiene más de una oración.

## Cuándo no usarlo

-   **Para una respuesta corta:** TextInput. Una caja grande pide un gran texto.

## Ejemplos

### Una nota

El límite de caracteres, cuando existe, aparece en la pista previa, no solo cuando se excede.

Mostrar código

```html
<div class="feitio-field">
  <label class="feitio-label" for="nota">Nota</label>
  <span class="feitio-hint" id="nota-dica">Até 500 caracteres</span>
  <textarea class="feitio-textarea" id="nota" rows="3" aria-describedby="nota-dica"></textarea>
</div>
```

## Estados

Vacío, con marcador de posición

Lleno

Enfoque

Error

Use up to 500 characters

Deshabilitado

## Accesibilidad

-   La persona puede estirar la altura; el ancho sigue a la columna.

## Atributos

Atributo

Valores

Para qué sirve

`class="feitio-textarea"`

obligatorio

La forma del campo.

`rows`

número

La altura inicial.

`aria-invalid="true"`

con un error

La línea de vino.