React-chiptan NPM

react-chiptan

React component renders chipTAN flicker code.

Installing

$ npm i -S react-chiptan

Example

import React from 'react';
import { render } from 'react-dom';
import ChipTAN from 'react-chiptan';

const App = () => (
    <ChipTAN
        data={'17850120452019980412345678041234567804123456789E'}
        width={205}
        height={100}
        bgColor='black'
        barColor='white'
    />
);

render(<App />, document.getElementById("root"));

Property	Type	Default	Description
data	string	''	ChipTAN code to render.
width	number	205	Canvas width.
height	number	100	Canvas height.
bgColor	string	'#000'	Canvas background color.
barColor	string	'#fff'	Vertical bar(s) in canvas color.