InputEmail

Status: Stable

Latest released: March 2020

Current version: v9.9.7

Storybook
GitHub

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

string

The default label associated with the input field. Should always be supplied to meet accessibility best practices.

Default

'Email address'