# Textarea

## Example

```svelte
<script>
	import { Textarea } from '@foxui/all';
</script>

<h3>Primary</h3>

<div class="flex flex-col gap-2 md:flex-row">
	<Textarea placeholder="Enter text here (small)" sizeVariant="sm" />
	<Textarea placeholder="Enter text here (default)" />
	<Textarea placeholder="Enter text here (large)" sizeVariant="lg" />
</div>

<h3>Secondary</h3>

<div class="flex flex-col gap-2 md:flex-row">
	<Textarea placeholder="Enter text here (small)" variant="secondary" sizeVariant="sm" />
	<Textarea placeholder="Enter text here (default)" variant="secondary" />
	<Textarea placeholder="Enter text here (large)" variant="secondary" sizeVariant="lg" />
</div>
```

## Documentation

## Usage

```svelte
<Textarea placeholder="Enter text here" bind:value />
```

## API Reference

### Textarea
A styled multi-line text input.

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| value | `string` | `-` | The current value of the textarea. (bindable) |
| variant | `'primary' | 'secondary'` | `'primary'` | The visual variant. |
| sizeVariant | `'default' | 'sm' | 'lg'` | `'default'` | The size of the textarea. |
| class | `string` | `-` | Additional CSS classes to apply. |
| ref | `HTMLTextAreaElement` | `-` | The underlying DOM element. (bindable) |