Skip to main content
Textareas provide multi-line text input for comments, descriptions, and other longer content.

Basic Usage

With Labels

With Initial Value

Disabled State

API Reference

Textarea Parameters

placeholder
str | None
default:"None"
Placeholder text shown when the textarea is empty.
value
str | None
default:"None"
Initial value.
name
str | None
default:"None"
Form field name for submission.
rows
int | None
default:"None"
Number of visible text rows.
disabled
bool
default:"False"
Whether the textarea is non-interactive.
required
bool
default:"False"
Whether the textarea is required for form submission.
css_class
str | None
default:"None"
Additional Tailwind CSS classes appended to the component’s built-in styles.

Protocol Reference

Textarea
{
  "type": "Textarea",
  "placeholder?": "string",
  "value?": "string",
  "name?": "string",
  "rows?": "number",
  "disabled?": false,
  "required?": false,
  "minLength?": "number",
  "maxLength?": "number",
  "onChange?": "Action | Action[]",
  "cssClass?": "string"
}
For the complete protocol schema, see Textarea.