Skip to content

Textarea

Multi-line text. Same states as Input.

Sourcecomponents/textarea.tsx

Markdown works.

Usage

Textarea usage
import { Field, FieldDescription, FieldLabel } from "@/components/field";import { Textarea } from "@/components/textarea";
export function TextareaUsage() {  return (    <Field>      <FieldLabel>Notes</FieldLabel>      <Textarea name="notes" placeholder="Anything the team should know" />      <FieldDescription>Visible to everyone on the project.</FieldDescription>    </Field>  );}

When to use

Use when

Multi-line text

Don’t use when

A single short value; use Input