Directory

← Back

gold-iban-input

Material Design paper input for IBAN

Author

Rating

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

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/polymer#^2.0.0

Released
2017-05-29
Maturity
IMPORTED
License
Other

Compatibility

Framework
Polymer 2.0+
Polymer 3.0+ in 3.0.0
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.
Online