C
Storybook
09Shipped

Textarea

Multi-line text input for drafts and prompts.

Import

import { Textarea, Label } from "@charply/design"

Variants

With label

Guidelines

docs/design/components/textarea.md

Do

  • ✓Set `rows` to match the expected content height.
  • ✓Use `aria-invalid` + `aria-describedby` for validation errors.

Don't

  • ✗Use `Textarea` for single-line input — use `Input` instead.
  • ✗Remove resize with `resize-none` unless the layout strictly requires it.

See all variants and interactive states in Storybook. Run npm run storybook to open the workbench.