Material Design paper input for IBAN

<gold-iban-input>

Build status

Published on webcomponents.org

Material Design IBAN Input Element: Single-line text field with Material Design styling for entering a IBAN. As the user types, the number will be formatted by adding a space every 4 digits and remaining digits.

<gold-iban-input label="IBAN"></gold-iban-input>

Validation

The input is validated via country based length and checksum.

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.

Styling

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

Install

Link to this version
ImportedReleased 10 November 2018BSD 3-clause "New" or "Revised" License
Framework Support
Polymer 3.0+
Also supported:
Polymer 2 (0.0.2)
Browser Independent
Install with
npm install gold-iban-input"@3.0.2"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 3.0.2

Dependencies

  • @polymer/iron-demo-helpers#^3.0.2
  • @polymer/iron-flex-layout#^3.0.1
  • @polymer/iron-form-element-behavior#^3.0.1
  • @polymer/iron-input#^3.0.1
  • @polymer/paper-input#^3.0.1
  • @polymer/paper-styles#^3.0.1
  • @polymer/polymer#^3.1.0