This is a beta release of documentation for Magento 2.4, published for previewing soon-to-be-released functionality. Content in this version is subject to change. Links to the v2.4 code base may not properly resolve until the code is officially released.

Email component

Edit on GitHub

Log an Issue

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

<form>
    ...
    <fieldset>
        ...
        <email name="email_example">
            <settings>
                <label translate="true">Email Field Example</label>
            </settings>
        </email>
    </fieldset>
</form>

Result

Email Component example