PHP 7.3 reaches end of support in December 2021 and Adobe Commerce 2.3.x reaches end of support in April 2022. We strongly recommend planning your upgrade now to Adobe Commerce 2.4.x and PHP 7.4.x to help maintain PCI compliance.

Textarea component

The Textarea component implements the <textarea> form field.

Configuration options

Option Description Type Default
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

Integrate the Textarea component with the Form component

This example integrates the Textarea component with the Form component.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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