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.

serverpod 6d06e3c 969 B Updated

File contents

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

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

Form field

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;
  },
)

serverpod/skills-registry/tree/main/skills/shadcn_ui/shadcn_ui-textarea commit 6d06e3ca3c

Frequently asked questions

npx skillmds@latest add serverpod/shadcn-ui-textarea