You are reading the documentation for version 2.2. Magento 2.3 is the latest version available. Ensure you are reading the documentation for your version of Magento.

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