Email input

Email input allows users to enter and edit email addresses.

Usage

The email input component will accept all characters entered but uses built-in Validation for email addresses. If an invalid email is entered, an error will be displayed when the user submits the form.

For best practices on building forms with inputs in the design system, visit the Forms page under Patterns.

Input

Display options

Required

This will prevent any form submission until the required selection is made.

Readonly

Readonly inputs are typically recommended to use when they provide information that a user shouldn’t edit but makes sense in the logical order of the form. (e.g. A state input may be readonly based on certain business restrictions, but the street and province / state is freely editable.)

Disabled

Not recommended, has serious accessibility implications.

Configuration

To learn how to configure this component in a Pega application, visit Pega Documentation.

All information on this site is for Pega’s UX design system, also known as Constellation (from 8.8 and onwards). If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability ‘User Experience’ and ‘Constellation’ in your request.