Lion Logo Lion Guides Components Docs Blog Toggle darkmode

Input Iban: Overview

A web component based on the generic text input field. Its purpose is to provide a way for users to fill in an IBAN (International Bank Account Number).


  • Based on our input
  • Default label in different languages
  • Makes use of IBAN specific validate with corresponding error messages in different languages
    • IsIBAN (default)
    • IsCountryIBAN
  • Parses IBANs automatically
  • Formats IBANs automatically


npm i --save @lion/input-amount
import { LionInputIban } from '@lion/input-iban';
// or
import '@lion/input-amount/define';