# Textarea

A multi-line text field in the Input's surface, wired into Field like Input is.

Source page: https://sproutboat.com/ikada/components/textarea

## Installation
```sh
npx shadcn@latest add https://sproutboat.com/ikada/r/textarea.json
```
Or from the package: `import { Textarea } from "@sproutboat/ikada";`
## Usage
```tsx
import { Textarea } from "@/components/ikada/textarea";

<Textarea aria-label="Description" placeholder="What this app does" rows={3} />
```
## Examples
### In a Field

```tsx
<Field label="Description" description="Shown on the project page.">
  <Textarea rows={3} placeholder="What this app does" />
</Field>
```
### Error

```tsx
<Field label="Query" error="Syntax error near FROM.">
  <Textarea mono rows={3} defaultValue="select * frm users" />
</Field>
```
### Disabled

```tsx
<Field label="Notes">
  <Textarea disabled rows={2} defaultValue="Locked while deploying" />
</Field>
```
## Props
### TextareaProps
Also takes every prop of `Omit<ComponentProps<"textarea">, "className">`.
| Prop | Type | Description |
| --- | --- | --- |
| className? | `string` | Classes merged onto the root element, after ikada's own. |
| invalid? | `boolean` | Marks the field invalid: danger ring and aria-invalid. Prefer the Field error. |
| mono? | `boolean` | Monospace face for code, SQL and JSON. |
Source: https://github.com/baronunread/ikada/blob/main/src/components/textarea.tsx