# Shadcn UI Textarea

> Use ShadTextarea for multi-line text input; placeholder. ShadTextareaFormField for forms with validation. Use when adding multi-line text fields or bio/description inputs in a Flutter shadcn_ui app.

- Skill: `serverpod/shadcn-ui-textarea` (Agent Skill)
- Install (CLI): `npx skillmds@latest add serverpod/shadcn-ui-textarea`
- Raw SKILL.md: https://api.skillmd.com/api/skills/serverpod/shadcn-ui-textarea/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: serverpod (https://skillmd.com/u/serverpod)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/serverpod/shadcn-ui-textarea

---


# Shadcn UI — Textarea

## Instructions

`ShadTextarea` displays a multi-line form field or textarea-like component. Use `placeholder` and optional `initialValue`. For forms use `ShadTextareaFormField` with `id`, `label`, `placeholder`, `description`, and `validator`.

### Standalone

```dart
const ShadTextarea(
  placeholder: Text('Type your message here'),
)
```

### Form field

```dart
ShadTextareaFormField(
  id: 'bio',
  label: const Text('Bio'),
  placeholder: const Text('Tell us a little bit about yourself'),
  description: const Text(
    'You can @mention other users and organizations.'),
  validator: (v) {
    if (v.length < 10) return 'Bio must be at least 10 characters.';
    return null;
  },
)
```