An email input field

Usage no npm install needed!

<script type="module">
  import polymerGoldEmailInput from 'https://cdn.skypack.dev/@polymer/gold-email-input';


Build Status

Demo and API Docs


<gold-email-input> is a single-line text field with Material Design styling for entering an email address.


It may include an optional label, which by default is "Email".

<gold-email-input label="your email address"></gold-email-input>


The input can be automatically validated as the user is typing by using the auto-validate and required attributes. For manual validation, the element also has a validate() method, which returns the validity of the input as well sets any appropriate error messages and styles.

See Polymer.PaperInputBehavior for more API docs.


See Polymer.PaperInputContainer for a list of custom properties used to style this element.