field.textarea

Box for entering multi-line text. Use in tasks that require an extended response. For single-line responses, use the field.text component.

The size of the box does not automatically adjust to the length of the text. Users can change the height by dragging the lower-right corner. To change the default size of the box, use the rows property.

Note that formatting is not available in the text box.

View example in the sandbox.

Component properties


Name	Type	Description
`type`*	"field.textarea"	Set component type
`data`*	writable	Data with values that will be processed or changed.
`label`	string	Label above the component.
`disabled`	boolean	If `true`, editing is not available.
`hint`	string	Hint text.
`placeholder`	string	A semi-transparent label that is shown when the box is empty. Use it to provide an example or a hint for the response.
`requiredMark`	boolean	Show "*" next to the label
`resizable`	boolean	Changing the box size. When set to `true` (the default value), the user can change the height. To prevent resizing, set the value to `false`.
`rows`	number	The height of the text box in lines.
`rtl`	object	In some languages, like Arabic or Hebrew, text is written from right to left. Use this property to set up the correct display mode for the component. View example in the sandbox. Learn more about RTL languages.
`rtl.mode`	string	Display mode: `ltr` — left to right. `rtl` — right to left. The chosen value will be added to the `dir` attribute in the component's HTML code. Learn more about dir.
`validation`	condition	Validation based on condition.


Name	Type	Description
`type`*	"field.textarea"	Set component type
`data`*	writable	Data with values that will be processed or changed.
`label`	string	Label above the component.
`disabled`	boolean	If `true`, editing is not available.
`hint`	string	Hint text.
`placeholder`	string	A semi-transparent label that is shown when the box is empty. Use it to provide an example or a hint for the response.
`requiredMark`	boolean	Show "*" next to the label
`resizable`	boolean	Changing the box size. When set to `true` (the default value), the user can change the height. To prevent resizing, set the value to `false`.
`rows`	number	The height of the text box in lines.
`rtl`	object	In some languages, like Arabic or Hebrew, text is written from right to left. Use this property to set up the correct display mode for the component. View example in the sandbox. Learn more about RTL languages.
`rtl.mode`	string	Display mode: `ltr` — left to right. `rtl` — right to left. The chosen value will be added to the `dir` attribute in the component's HTML code. Learn more about dir.
`validation`	condition	Validation based on condition.