Textarea

A multi-line text input field.

inputs
form
text
multiline

Preview

Variants

Basic textarea component.

Code

TSX
1
2
3
4
5
import { Textarea } from "@/components/ui/textarea"

export function TextareaDemo() {
  return <Textarea placeholder="Type your message here..." />
}

API Reference

PropTypeDefaultDescription
placeholderstring-The placeholder text when the textarea is empty.
disabledbooleanfalseWhether the textarea is disabled.
requiredbooleanfalseWhether the textarea is required.
classNamestring-Additional CSS classes to style the textarea.