react IBAN

Input component for european IBAN numbers. It does format the user input to the human-machine readable format. It does not validate the IBAN.

install

yarn add @tammo/react-iban

changelog

• v0.0.2
  • peer dependencies downgrade
• v0.0.1
  • initial version

props

onChange - will receive the IBAN in machine readable form (no spaces). It will receive undefined, if the user removes all chars.

initialValue - to set the IBAN that is shown on first render.

All props will be passed down to the input element.

styling

There is no CSS. Please set your own classNames.

usage

Import default component:

import IBAN from '@tammo/react-iban'

You can calso use the formatting function. The function takes a string as the only parameter.

import { format } from '@tammo/react-iban'

output

A single input element:

<input type="text" size="27" />

example

As if the user would have input their IBAN. value is what onChange received and format used the exported format function.