import { Canvas, Meta } from '@storybook/blocks'
import * as Stories from './TextareaField.stories'

<Meta of={Stories} />

# TextareaField

A multi-line text input with optional character count.

## Usage

```tsx
import { TextareaField } from '@/components/onboarding'

<TextareaField
  id="description"
  label="Description"
  placeholder="Enter a description..."
  value={text}
  onChange={setText}
  rows={4}
  maxLength={500}
/>
```

## Examples

### Default

<Canvas of={Stories.Default} />

### With Value

<Canvas of={Stories.WithValue} />

### With Description

<Canvas of={Stories.WithDescription} />

### With Max Length

<Canvas of={Stories.WithMaxLength} />

### With Error

<Canvas of={Stories.WithError} />

### Disabled

<Canvas of={Stories.Disabled} />