The Textarea Widget properties panel contains settings that control the multi-line input label, validation, appearance, and autocomplete behavior.
General
| Property | Description |
|---|
| Label | The visible label displayed above or beside the textarea. |
| Name | Internal field name. Used for data binding and referencing the widget in logic or scripts. |
| Placeholder | Hint text displayed inside the field when it is empty. |
| Required | Marks the field as mandatory. Validation fails if the field is empty when the form is submitted. |
| Required Message | Custom validation error message shown when the field is required but empty. |
| Readonly | Makes the textarea non-editable. The current value is displayed but cannot be changed. |
| Visible | Controls whether the textarea is displayed. When unchecked, the widget is hidden but remains configured. |
Appearance
| Property | Description |
|---|
| Size | Sets the visual size of the field: Small, Medium, or Large. |
| Variant | Sets the visual style of the field: Outlined (border around the field), Filled (shaded background), or Standard (bottom border only). |
| Text Align | Controls the horizontal alignment of the text inside the field. |
| Font Size | Overrides the font size defined in the project theme. |
| Font Weight | Overrides the font weight defined in the project theme. |
| Min Height | Sets the minimum height of the textarea. Supports px, %, or vh units. |
Advanced
| Property | Description |
|---|
| Autocomplete | When enabled, the widget fires an onGetCustomResponse event to the backend as the user types. The backend can return a list of suggestions displayed below the field. See Textarea Events. |
| On Change Handler | When enabled, the widget fires an onChange event to the backend when the value changes on blur. See Textarea Events. |
| Ignore Readonly | Overrides the Readonly setting. Allows the field to remain editable even if the form or parent container is set to read-only. |