html5-paper-input

See the component page for more information.

Installation

bower install html5-paper-input

Usage

Because the component is built on Polymer, you should add the script in your page

<script src="webcomponentsjs/webcomponentsjs.js"></script>

Import the component:

<link rel="import" href="html5-paper-input.html">

use it:

 <html5-paper-input label="Required field" required floatinglabel></html5-paper-input>

Error message

You can customize error messages by:

• setting the error attribute: The same message will be displayed regardless of the type of error

 <html5-paper-input label="Required field" required error="You must enter a value"></html5-paper-input>

• setting a custom error map with the setMessage method: var input = document.querySelector('html5-paper-input'); input.setMessage({valueMissing:"You must enter a value"}); The keys are:
  • valueMissing: message for require error
  • patternMismatch: message for pattern error
  • rangeUnderflow: message for min error
  • rangeOverflow: message for max error
  • tooLong: message for maxlength error
  • default: message for default error