shadcn-ui-textarea

star 8

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 By serverpod schedule Updated 3/7/2026

name: shadcn_ui-textarea description: 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.

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;
  },
)
Install via CLI
npx skills add https://github.com/serverpod/skills-registry --skill shadcn-ui-textarea
Repository Details
star Stars 8
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator