# Textarea · MIAN

Multi-line text. Grows with its content in browsers that support field-sizing.

- Id: `textarea` · Category: Forms · Needs mian.js: no · License: MIAN License (free to use)
- Docs: https://mian.ro/components/textarea
- Use for: message box, multi-line text, comment field, description field.

Use only the classes below and copy the examples' structure and ARIA; change the words. Check your markup at https://mian.ro/api/v1/validate.

## Install

```html
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">
```

## Classes

- `mn-textarea`: Base textarea. Resizes vertically.

## Accessibility

- Label it like any input. If you enforce a maximum length, show the count and link it with aria-describedby.

## Examples

### Basic

```html
<div class="mn-field" style="max-width:28rem">
  <label class="mn-label" for="ta-1">Your message</label>
  <textarea class="mn-textarea" id="ta-1" placeholder="Tell us what you think…" aria-describedby="ta-1-h"></textarea>
  <p class="mn-hint" id="ta-1-h">Markdown is supported.</p>
</div>
```

## Source

Already inside mian.css; you do not need it to use the component. To vendor or customise: https://mian.ro/api/v1/components/textarea/source