BlankUI

form

Textarea

A multi-line text input. Put it inside a Field for the label and errors.

npx blankui add textarea
Raw markdown for agentsRegistry JSON

When to use

  • Text that can span several lines, like a message, bio or description.

Use something else when

  • A single line of text. Use input.

Import

import { Textarea } from "@/components/ui/textarea"

Example

<Field label="Message" description="Up to 500 characters.">
  <Textarea rows={5} maxLength={500} />
</Field>

Mistakes to avoid

AvoidInstead
<textarea className=...> (a raw textarea element)<Textarea>

Install with the shadcn CLI: npx shadcn add https://blank.vageshwar.dev/r/textarea.json