Skip to content

InputEmail

Status: Stable

Latest released: March 2020

Current version: v9.9.14

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

= 'Email address'

string

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