Directory

← Back

gold-iban-input

Material Design paper input for IBAN

Author

Contributors

Rating

<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.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

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
Released
2018-11-10
Maturity
IMPORTED
License
BSD 3-clause "New" or "Revised" License

Compatibility

Framework
Polymer 3.0+
Polymer 2.0+ in 0.0.2
Browser
Browser Independent
Online