Forms

Textarea

Multi-line auto-sizing text field.

Import

tsx

import { Textarea } from "@cooud-ui/ui";

bash

npx cooud-ui add textarea

Examples

Default

A multi-line text input.

tsx

<Textarea placeholder="Tell us what you're building…" rows={4} />

Invalid

An invalid textarea paired with a FieldError.

Bio

This value isn't allowed.

tsx

<Field>
  <FieldLabel htmlFor="bio">Bio</FieldLabel>
  <Textarea
    id="bio"
    invalid
    rows={4}
    defaultValue="…"
    aria-describedby="bio-err"
  />
  <FieldError id="bio-err">This value isn't allowed.</FieldError>
</Field>

API Reference

Generated from the component's exported types.

TextareaProps

Extends TextareaHTMLAttributes<HTMLTextAreaElement>

Prop	Type	Default	Description
`invalid`	`boolean`	`false`	—