InputEmail

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

'Email address'