Edit in GitHubLog an issue

Textarea component

The Textarea component implements the <textarea> form field.

Options

OptionDescriptionTypeDefault
cols
The number of columns that will be specified in the cols attribute of the textarea DOM element.
Number
15
component
The path to the component’s .js file in terms of RequireJS.
String
'Magento_Ui/js/form/element/textarea'
elementTmpl
The path to the .html template of the particular type of field (textarea).
String
'ui/form/element/textarea'
label
Label to be displayed in the field.
String
''
rows
The number of rows that will be specified in the rows attribute of the textarea DOM element.
Number
2
template
The path to the general field .html template.
String
'ui/form/field'

Source files

Extends Abstract:

Examples

Integration

This example integrates the Textarea component with the Form component.

Copied to your clipboard
<form>
...
<fieldset>
...
<field name="textarea_example">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="formElement" xsi:type="string">textarea</item>
<item name="cols" xsi:type="number">15</item>
<item name="rows" xsi:type="number">5</item>
<item name="label" translate="true" xsi:type="string">Textarea Field Example</item>
<item name="dataType" translate="true" xsi:type="string">text</item>
</item>
</argument>
</field>
</fieldset>
</form>

Result

Textarea Component example

  • Privacy
  • Terms of Use
  • Do not sell or share my personal information
  • AdChoices
Copyright © 2024 Adobe. All rights reserved.