Textarea

The Textarea component provides a multi-line text input field for forms, or can be styled to visually resemble a standard textarea element for displaying pre-formatted text.

Setting Up the Textarea Component

npx shadcn@latest add textarea

Implementing the Textarea Component

<Textarea />

Practical Examples and Implementations

Basic Default Textarea Implementation

Implementing a Disabled Textarea State

Associating a Label with the Textarea

Your message

Populating the Textarea with Pre-existing Text

Your Message

Your message will be copied to the support team.

Combining Textarea with an Action Button

Integrating Textarea within a Form Structure

Tabs Toast