FORMS

Textarea

Multi-line text input with the same Memphis border, hover, and focus chrome as Input. Resizable vertically by default; pair with FormField for label + description + error wiring.

Import

import { Textarea } from 'damo-ui'

Basic usage

<Textarea placeholder="Tell us more…" rows={4} />

Invalid state

<Textarea invalid defaultValue="Too short" />

With FormField

Markdown is supported.
1<FormField label="Notes" description="Markdown is supported.">
2  <Textarea rows={4} />
3</FormField>

Props

Textarea props
PropTypeDefaultDescription
invalidboolean—When true, sets aria-invalid and switches the border + Memphis shadow to the destructive token.
rowsnumber4Visible rows when un-resized.
disabledboolean—Disables the field. The Memphis hover/focus styles also drop.
classNamestring—Tailwind classes are merged on top of the defaults.

Accessibility

  • Renders a native <textarea>; native form submission and validation work as expected.
  • Pair with FormField (or supply your own aria-labelledby / aria-describedby) so screen readers announce label, description, and error.
← InputLabel →