React component renders chipTAN flicker code.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
examples/src
src
.babelrc
.gitignore
.npmignore
ChipTAN.md
Code.md
LICENSE
README.md
demo.gif
package-lock.json
package.json
webpack.config.js

README.md

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.

Contributing

To contribute, follow these steps:

  • Fork this repo.
  • Clone your fork.
  • Run npm install
  • Run npm start
  • Goto localhost:3001
  • Add your patch then push to your fork and submit a pull request

Acknowledgments

Inspired by chipTAN Flickercodes article

License

MIT @Basim Hennawi