Adobe Commerce 2.3 reached end of support in September 2022.

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