# Input IBAN

[//]: # (AUTO INSERT HEADER PREPUBLISH)

`lion-input-iban` component is based on the generic text input field. Its purpose is to provide a way for users to fill in an iban.

## Features
- based on [lion-input](../input)
- default label in different languages
- makes use of IBAN specific [validate](../validate) with corresponding error messages in different languages
  - isIBAN (default)
  - isCountryIBAN

## How to use

### Installation
```
npm i --save @lion/input-amount
```

```js
import '@lion/input-amount/lion-input-amount.js';

// validator import example
import { isCountryIBANValidator } from '@lion/validate';
```

### Example

```html
<lion-input-iban
  name="account"
  .errorValidators="${[['required'], isCountryIBANValidator('BE')]}"
></lion-input-iban>
```