Primitives
Primitive
Textarea
Multi-line text input for longer form content
Preview
Installation
Usage
Examples
With Label
Add descriptive labels to textarea fields.
With Helper Text
Include helper text for guidance or validation.
Write a brief description of your project. Markdown is supported.
Controlled
Manage textarea value externally.
0/500 characters
Disabled State
Prevent interaction with disabled textareas.
Elevated Variant
On a Card, Dialog, or popover surface, the opaque default textarea collapses into its parent. Use variant="elevated" for a translucent overlay that adapts to the substrate. See the Surfaces docs.
On a Card surface
Use
variant="elevated" when the textarea sits inside a Card, Dialog, or popover.API Reference
Props
Prop
Type
Default