Contact us Create app

Directory

← Back

gold-iban-input

Material Design paper input for IBAN

Author

Rating

Links

Popularity

<100

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

Last updated: 2017-06-01

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

gold-iban-input - Vaadin Add-on Directory

Material Design paper input for IBAN gold-iban-input - Vaadin Add-on Directory
# \ [![Build status](https://travis-ci.org/ttretau/gold-iban-input.svg?branch=master)](https://travis-ci.org/ttretau/gold-iban-input) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/ttretau/gold-iban-input) 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. ```html ``` ## 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.
View on NPM
View on GitHub
GitHub Homepage
Online Demo
Issue tracker
License
Documentation

gold-iban-input version 0.0.1
### Dependencies Polymer/polymer#^2.0.0

gold-iban-input version 0.0.2
### Dependencies Polymer/polymer#1.9 - 2

gold-iban-input version 3.0.0
### Dependencies * @polymer/polymer#^3.1.0 * @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

gold-iban-input version 3.0.1
### Dependencies * @polymer/polymer#^3.1.0 * @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

gold-iban-input 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

Online