InputEmail provides mobile users with the appropriate keyboard for easy data entry.
Best practices
- Mobile keyboard – Email
- Label – always included, presents clear description of anticipated data
- ‘Smart’ value – ok as pre-fill inputs, avoid as placeholders
- Help message – provides examples if needed (e.g. [email protected] ); don’t add examples as placeholders
Variants
Priority
Development
import InputEmail from '@nerdwallet/react-formatted-input/input-email';<InputEmail />;
Props
<InputEmail>
label
= 'Email address'
string
The default label associated with the input field. Should always be supplied to meet accessibility best practices.