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.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.