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.

Email component

The Email component implements the HTML <input type="email"> form field.

Configuration options

Option Description Type Default
component The path to the component’s .js file. String Magento_Ui/js/form/element/abstract
elementTmpl The path to the .html template of the particular field type. String ui/form/element/email
template The path to the general field .html template. String ui/form/field

Source files

Extends Abstract:

Examples

Integrate the Email component with the Form component

This example integrates the Paging component with the Form component

1
2
3
4
5
6
7
8
9
10
11
<form>
    ...
    <fieldset>
        ...
        <email name="email_example">
            <settings>
                <label translate="true">Email Field Example</label>
            </settings>
        </email>
    </fieldset>
</form>

Result

Email Component example