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:
- app/code/Magento/Ui/view/base/web/js/form/element/abstract.js
- app/code/Magento/Ui/view/base/web/templates/form/element/email.html
- app/code/Magento/Ui/view/base/web/templates/form/field.html
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
