TextAreaField
Labelled multi-line textarea — wraps the Textarea primitive with label, help text, and configurable row count
Interactive-mode
Examples
Default textarea field
Tall textarea with help text, required, and error
This field is required before you can decline.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| TextAreaField | A labelled multi-line textarea chunk. Wraps the Textarea primitive inside a space-y-1.5 envelope with an optional FormLabel, the textarea, and optional help text. Use Rows to control the initial visible height. |
TextAreaField
A labelled multi-line textarea chunk. Wraps the Textarea primitive inside a space-y-1.5 envelope with an optional FormLabel, the textarea, and optional help text. Use Rows to control the initial visible height.
| Property | Type | Required | Description |
|---|---|---|---|
| Label | string? | Label text rendered above the textarea via FormLabel. Omit to hide the label. | |
| HelpText | string? | Helper text rendered below the textarea. Shown in text-danger-fg when Error is true, otherwise text-muted-foreground. | |
| Error | bool | Applies error styling to the label and help text. Default: false. | |
| Required | bool | Appends a red asterisk to the label via FormLabel. Default: false. | |
| Disabled | bool | Disables the underlying textarea. Default: false. | |
| Id | string | HTML id for the textarea — wired to the label's for attribute. Auto-generated by default. | |
| Value | string? | Current textarea value. Use @bind-Value for two-way binding. | |
| ValueChanged | EventCallback<string?> | Fires when the value changes. Part of the @bind-Value pair. | |
| Placeholder | string? | Placeholder text shown in the empty textarea. | |
| Rows | int | Number of visible text rows. Default: 3. |